:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#06101c;color:#edf5fd}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 5%;border-bottom:1px solid #28425a;background:#091624}header strong{font-size:22px}header span{display:block;font-size:14px;color:#9ab5ca}small,.eyebrow{color:#9ab5ca}.eyebrow{letter-spacing:.15em;font-size:12px}main{max-width:900px;margin:40px auto;padding:0 20px}section{border:1px solid #28425a;border-radius:18px;background:#0c1b2c;padding:28px;margin:20px 0}h1{font-size:30px;line-height:1.2}h2{font-size:21px}form{display:grid;gap:16px}label{display:grid;gap:6px}input,select,button{font:inherit;border-radius:9px;padding:12px;border:1px solid #35516d;min-width:0;width:100%}input,select{background:#071320;color:#fff}button{background:#167eae;color:white;cursor:pointer;font-weight:650}button:hover{background:#2093c9}a{color:#64c7ee}hr{border:0;border-top:1px solid #28425a;margin:28px 0}article{padding:20px 0;border-top:1px solid #28425a}.error{border:1px solid #b66666;padding:16px;border-radius:10px;background:#421f2b}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #69cff5;outline-offset:3px}@media(max-width:500px){section{padding:20px}header{padding:20px}h1{font-size:25px}}