*{box-sizing:border-box}body{margin:0;background:#020b14;color:#e9f3fb;font:16px/1.6 Arial,sans-serif}main{max-width:760px;margin:5vh auto;padding:32px;border:1px solid #19445e;border-radius:12px;background:#051523}.brand{color:#00cfff;font-size:17px;letter-spacing:2px}.brand b{color:#b3a0ff}h1{font-size:30px}h2{font-size:20px;margin-top:30px;color:#80dcff}p{color:#9fb7ca}label{display:block;margin:14px 0}input{display:block;width:100%;padding:12px;margin-top:7px;background:#020d17;border:1px solid #285169;border-radius:5px;color:white;font:inherit}button{background:#1066c9;color:white;border:1px solid #219bea;border-radius:5px;padding:13px 24px;font:inherit;cursor:pointer;margin-top:22px}button:disabled{opacity:.4}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checks{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ok{color:#00df96}.bad,.error,#error{color:#ff8496}.error{padding:15px;background:#2b1420}input:focus-visible,button:focus-visible{outline:2px solid #00df96;outline-offset:3px}@media(max-width:600px){main{margin:12px;padding:20px}.grid,.checks{grid-template-columns:1fr}}