:root{--paper:#fff;--surface:#fff;--ink:#101e61;--ink-body:#2c3352;--ink-soft:#55607d;--ink-faint:#8b93ab;--line:#e3e8f0;--navy:#101e61;--navy-deep:#0b1447;--cyan:#70c2ed;--gold:#e98b2e;--green:#5fa83c;--danger:#b3261e;--shadow-card:0 1px 2px #101e610d, 0 6px 20px #101e6112;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink-body);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;background:var(--navy-deep);font-size:17px;line-height:1.55}.gate-main{place-items:center;min-height:100vh;padding:16px;display:grid}.gate-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:var(--shadow-card);border-radius:16px;padding:28px}.gate-rule{border-radius:2px;width:64px;height:4px;margin-bottom:18px;display:flex;overflow:hidden}.gate-rule span{flex:1}.gate-rule span:first-child{background:var(--cyan)}.gate-rule span:nth-child(2){background:var(--gold)}.gate-rule span:nth-child(3){background:var(--green)}.gate-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.gate-title{letter-spacing:-.02em;color:var(--navy-deep);margin-top:6px;font-size:22px;font-weight:800;line-height:1.25}.gate-sub{color:var(--ink-soft);margin-top:6px;font-size:13.5px}.gate-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:22px;font-size:10px;display:block}.gate-input{border:1px solid var(--line);background:var(--paper);width:100%;font-size:15px;font-family:var(--font-sans);color:var(--ink-body);border-radius:10px;outline:none;margin-top:6px;padding:10px 12px}.gate-input:focus{border-color:var(--navy)}.gate-input::placeholder{color:var(--ink-faint)}.gate-error{color:var(--danger);margin-top:8px;font-size:13px}.gate-button{background:var(--navy);color:#fff;width:100%;font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:0;border-radius:10px;margin-top:16px;padding:11px;transition:background .15s}.gate-button:hover{background:var(--navy-deep)}.gate-button:disabled{opacity:.4;cursor:default}.gate-foot{text-align:center;font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff8c;margin-top:16px;font-size:10px}