*{box-sizing:border-box}body{margin:0;background:#f2f5f9;color:#17283b;font:16px system-ui,Arial}header{background:#10243a;color:#fff;padding:16px max(18px,calc((100% - 900px)/2));display:flex;justify-content:space-between;gap:12px}header span{opacity:.8}main{max-width:900px;margin:28px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 5px 25px #10243a12}h1{font-size:25px}label{display:block;font-weight:600;margin:14px 0 6px}input{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}button,.btn{display:inline-block;background:#1769aa;color:white;border:0;border-radius:9px;padding:13px 20px;font:inherit;font-weight:700;text-decoration:none;margin-top:18px;cursor:pointer}.notice{padding:12px;background:#e8f3ff;border-radius:8px}.error{background:#fff0f0;color:#a11;padding:12px;border-radius:8px}footer{text-align:center;color:#64748b;padding:20px}@media(max-width:600px){main{margin:12px;padding:18px;border-radius:12px}header{flex-direction:column}}