:root{font-family:Inter,system-ui,sans-serif;color:#e8eef7;background:#07111f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#18345a 0,#07111f 42%);min-height:100vh}main{width:min(1100px,calc(100% - 32px));margin:auto;padding:64px 0}header{margin-bottom:40px}h1{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.06em;margin:.2em 0}.badge{display:inline-block;padding:7px 11px;border:1px solid #ffbe55;border-radius:999px;color:#ffca72;font-weight:700;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}article,.notice{background:#0e1d30cc;border:1px solid #253c59;border-radius:18px;padding:24px;box-shadow:0 18px 60px #0004}h2{font-size:1rem;color:#a8bad0}strong{font-size:1.3rem}.ok{color:#55e6a5}.safe{color:#75b9ff}p{color:#a8bad0;line-height:1.6}.notice{margin-top:16px;border-color:#34557d}.hidden{display:none}.error{border-color:#c84b61;color:#ff9bab}form{display:grid;gap:14px;max-width:520px}label{display:grid;gap:6px;color:#a8bad0}input{width:100%;padding:12px;border:1px solid #34557d;border-radius:10px;background:#07111f;color:#fff}button{width:max-content;padding:12px 18px;border:0;border-radius:10px;background:#4a91ff;color:white;font-weight:700;cursor:pointer}.secondary{background:#293b52}