:root{color-scheme:dark;font:16px/1.6 system-ui;background:#11141b;color:#edf0f7}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:50px auto;padding:0 24px}header{padding:28px 0}h1{font-size:clamp(32px,6vw,60px);line-height:1.1;margin:18px 0}h2{margin-top:0}p,footer{color:#aeb7c9}.badge{color:#9be1c4;font-weight:bold;letter-spacing:.2em;font-size:12px}section{display:grid;grid-template-columns:1fr 1fr;gap:24px}article{background:#1b2130;border:1px solid #30394b;border-radius:20px;padding:28px;margin-bottom:24px}label{display:block;color:#bbc5d9;margin:12px 0}input,select{display:block;width:100%;padding:12px;background:#101621;border:1px solid #46536c;color:white;border-radius:9px;font:inherit;margin-top:5px}button{padding:12px 20px;border:0;border-radius:9px;background:#a5e3cb;color:#142b24;font:600 15px system-ui;cursor:pointer;margin:8px 8px 8px 0}button:disabled{opacity:.5;cursor:wait}.secondary{background:#303c52;color:white}.user{padding:16px 0;border-top:1px solid #344158}.error{color:#ffb0ac!important}#notice:not(:empty){padding:15px;background:#242e41;border-radius:10px}footer{font-size:13px;text-align:center;padding:24px}[hidden]{display:none!important}@media(max-width:700px){section{grid-template-columns:1fr}main{margin-top:15px}article{padding:20px}}