:root{--bg:#0b0b0b;--surface:#141414;--text:#fff;--text-muted:#a1a1aa;--accent:#222;--highlight:#e05bad;--f-heading:'Inter',sans-serif;--f-body:'Inter',sans-serif;--f-code:'JetBrains Mono',monospace;--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--f-body)}html,body{background-color:var(--bg);color:var(--text);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#noise-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.3;pointer-events:none}nav{position:fixed;top:0;left:0;width:100%;padding:2rem;z-index:100}.logo{font-size:1.25rem;font-weight:600;letter-spacing:-.03em;text-decoration:none;user-select:none}.bracket{color:var(--highlight);text-shadow:0 0 15px rgba(224,91,173,0.4)}.logo-text{color:var(--text);margin:0 .25rem}main{position:relative;z-index:1;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.access-card{text-align:center;max-width:480px;width:100%}h1{font-size:clamp(2.2rem,5vw,3.25rem);font-weight:700;margin-bottom:1rem;letter-spacing:-.04em}.description{color:var(--text-muted);line-height:1.6;margin-bottom:2.5rem;font-size:.95rem}.reasoning{background:var(--surface);border:1px solid var(--accent);padding:1.5rem;margin-bottom:2.5rem;text-align:left;border-radius:16px}.reasoning h2{font-family:var(--f-code);font-size:.75rem;text-transform:uppercase;color:var(--highlight);margin-bottom:.75rem;letter-spacing:.05em}.reasoning p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:1rem 1.5rem;background:var(--surface);border:1px solid var(--accent);color:var(--text);font-weight:600;font-size:.9rem;border-radius:9999px;cursor:pointer;transition:all .3s var(--ease-out-expo);text-decoration:none}.login-btn:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.login-btn.loading{opacity:.5;pointer-events:none}.login-btn svg{width:18px;height:18px}footer{position:fixed;bottom:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;font-family:var(--f-code);font-size:.75rem;color:#444}.fade-in{animation:fadeIn 1.2s var(--ease-out-expo) forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}