*{box-sizing:border-box}body{margin:0;background:#0b1424;color:#e9f1ff;font:16px system-ui,Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(20px,calc((100vw - 1050px)/2));background:#111f35;border-bottom:1px solid #263b56}header strong{font-size:24px;letter-spacing:2px}header span{color:#27a9f5}nav a{color:#a7c9e7;margin-left:15px;text-decoration:none}main{max-width:1050px;margin:40px auto;padding:0 20px}h1{font-size:32px}h2{font-size:21px}.panel{background:#15253c;border:1px solid #29405e;border-radius:14px;padding:24px;margin-bottom:20px;max-width:100%}main>.panel:first-child{max-width:500px;margin:60px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.grid .panel{margin:0}label{display:block;margin:14px 0;font-size:14px;color:#d5e6f6}input,select{display:block;width:100%;padding:12px;margin-top:7px;border-radius:7px;border:1px solid #49617e;background:#09172a;color:#fff}button,.button{border:0;border-radius:8px;padding:11px 18px;background:#087ee0;color:#fff;text-decoration:none;cursor:pointer;font-weight:600}article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #334761}article small{display:block;color:#9eb5cc;margin-top:5px;overflow-wrap:anywhere}.error{color:#ff9f9f}small{color:#a7bbd1}@media(max-width:550px){header{display:block}nav{margin-top:10px}nav a{margin:0 10px 0 0}article{flex-wrap:wrap}}