*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#101923;color:#ecf3f9;font:16px system-ui}header{display:flex;align-items:center;gap:16px;padding:16px max(20px,calc((100vw - 960px)/2));border-bottom:1px solid #34444f}header span{color:#9fb2c2;flex:1}main{max-width:1000px;margin:auto;padding:20px}h1{font-size:clamp(2.6rem,8vw,5rem);letter-spacing:-.05em;margin:18px 0 0}main>p{color:#afc1cf}form,article{margin:18px 0;background:#1a2935;border:1px solid #34444f;border-radius:14px;padding:16px;display:flex;gap:10px;align-items:end;flex-wrap:wrap}label{display:grid;gap:6px;min-width:200px;flex:1}input,button,select{font:inherit;padding:10px;border-radius:8px;border:1px solid #597183}input,select{background:#101923;color:white}button{color:#07141c;background:#83e2d0;border:0;font-weight:650;cursor:pointer}article{display:block}article h2{margin:0 0 8px}article p{margin:6px 0;color:#b7cad7}a{color:#83e2d0}video{width:min(100%,450px)}#login{max-width:620px}