:root{--bg:#0a0a0a;--panel:#121214;--surface:#18181b;--line:#28282d;--text:#f2f2f0;--muted:#a1a1aa;--quiet:#82828e;--gold:#facd2a;--danger:#f7b4a0}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,"IBM Plex Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.gate-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 16px;position:relative;overflow:hidden}.gate-page:before,.gate-page:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(110px)}.gate-page:before{width:460px;height:460px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(250,205,42,.16),transparent 70%)}.gate-page:after{width:380px;height:380px;bottom:-170px;left:-120px;background:radial-gradient(circle,rgba(250,205,42,.08),transparent 70%)}.gate-stack{position:relative;z-index:1;width:100%;max-width:400px}.gate-product{display:flex;align-items:center;justify-content:center;gap:11px;color:var(--gold);font-size:26px;font-weight:750;letter-spacing:.14em;margin-bottom:26px}.gate-product-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(250,205,42,.38);border-radius:12px;background:rgba(250,205,42,.14)}.gate-product-icon svg{width:24px;height:24px}.gate-card{padding:32px 30px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.5)}.gate-card h1{text-align:center;font-size:20px;line-height:1.25;margin:0 0 7px}.gate-sub{text-align:center;color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 24px}.gate-google,.gate-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:43px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600}.gate-google{gap:8px;border:1px solid var(--line);color:var(--text);background:var(--surface)}.gate-google:disabled{opacity:.6;cursor:not-allowed}.gate-google span{font-size:10px;color:var(--quiet)}.gate-separator{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--quiet);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.gate-separator:before,.gate-separator:after{content:"";height:1px;background:var(--line);flex:1}.gate-field{display:block;margin:0 0 15px}.gate-field span{display:block;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:7px}.gate-field input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:0 14px;font:inherit;font-size:14px}.gate-field input:focus{outline:2px solid rgba(250,205,42,.45);border-color:var(--gold)}.gate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 22px;font-size:12px;color:var(--muted)}.gate-remember{display:flex;align-items:center;gap:7px}.gate-remember input{accent-color:var(--gold)}a{color:var(--muted);text-decoration:none}a:hover{color:var(--gold)}.gate-submit{border:0;background:var(--gold);color:#0a0a0a;font-weight:700;cursor:pointer}.gate-submit:hover{background:#ffda4f}.gate-link-button{text-decoration:none}.gate-link-button:hover{color:#0a0a0a}.gate-note{text-align:center;border-top:1px solid var(--line);padding-top:16px;margin:20px 0 0;color:var(--quiet);font-size:11px}.gate-brand{text-align:center;margin-top:26px}.gate-brand span{display:block;text-transform:uppercase;color:var(--quiet);letter-spacing:.2em;font-size:10px;font-weight:600;margin-bottom:9px}.gate-brand img{width:auto;height:20px;max-width:100%}.gate-alert,.gate-success{border-radius:10px;padding:11px 13px;margin-bottom:16px;font-size:13px;line-height:1.45}.gate-alert{color:var(--danger);background:rgba(240,134,106,.1);border:1px solid rgba(240,134,106,.35)}.gate-success{color:#8ff0c2;background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.35)}.gate-shield{width:46px;height:46px;margin:0 auto 14px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(250,205,42,.38);background:rgba(250,205,42,.14);border-radius:50%}.gate-shield svg{width:22px;height:22px}.gate-code input{text-align:center;font:700 23px ui-monospace,monospace;letter-spacing:.3em}.gate-back{text-align:center;font-size:13px;margin:18px 0 0}:is(button,a,input):focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media(max-width:440px){.gate-card{padding:26px 20px}}