:root{--bg: #000000;--card-bg: rgba(255, 255, 255, .02);--card-border: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--text: #ffffff;--text-muted: #666666;--accent: #ffffff;--font-main: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-card: 28px;--radius-pill: 50px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-main);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}#particles-js{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.2}.navbar{padding:2.5rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:.8rem;text-decoration:none}.logo-alpha{font-family:Crimson Pro,serif;font-size:2.2rem;font-style:italic;color:#fff}.logo-text{line-height:1}.logo .bold{font-weight:700;color:#fff;font-size:1.1rem}.logo .thin{font-weight:300;color:#777;font-size:1.1rem;margin-left:2px}.user-pill{background:var(--card-bg);border:.5px solid var(--card-border);padding:.4rem 1.2rem;border-radius:var(--radius-pill);display:flex;align-items:center;gap:1rem;font-size:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#logout-btn{background:transparent;border:none;color:#f44;cursor:pointer;font-weight:600;padding-left:1rem;border-left:.5px solid var(--card-border)}.viewport{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;z-index:5}.auth-wrapper{width:100%;max-width:440px}.bento-card{background:var(--card-bg);border:.5px solid var(--card-border);border-radius:var(--radius-card);padding:2.5rem;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);transition:all .4s cubic-bezier(.16,1,.3,1)}.bento-card:hover{border-color:var(--glass-border);background:#ffffff09}.card-header{margin-bottom:2.5rem}.tag{font-size:.6rem;letter-spacing:.3em;color:#444;text-transform:uppercase;font-weight:700;margin-bottom:.8rem;display:block}h1{font-size:2rem;letter-spacing:-.04em;margin-bottom:.4rem}h2{font-size:1.5rem;letter-spacing:-.03em}p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1rem}input{background:#ffffff08;border:.5px solid var(--card-border);border-radius:var(--radius-pill);padding:1.1rem 1.5rem;color:#fff;font-family:var(--font-main);font-size:.95rem;outline:none;transition:all .3s ease}input:focus{border-color:#ffffff4d;background:#ffffff0d}.pill-btn{height:54px;border-radius:var(--radius-pill);border:none;font-weight:700;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .3s cubic-bezier(.16,1,.3,1);padding:0 1.5rem}.pill-btn.primary{background:#fff;color:#000}.pill-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0006}.pill-btn.secondary{background:transparent;border:.5px solid var(--card-border);color:#fff}.pill-btn.secondary:hover{background:#ffffff0d;border-color:#fff}.pill-btn.danger{background:transparent;border:.5px solid rgba(255,68,68,.4);color:#f44}.pill-btn.danger:hover{background:#ff444414;border-color:#f44}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:1.2rem;width:100%;max-width:1000px}.key-card{grid-column:span 3}.stat-card{grid-column:span 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.help-card{grid-column:span 2;padding:2rem}.key-display-pill{background:#0006;border:.5px solid var(--card-border);border-radius:var(--radius-pill);padding:1.2rem 1.8rem;display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0}code{font-family:var(--font-mono);font-size:1rem;color:#fff;letter-spacing:.05em}.icon-btn{background:transparent;border:none;color:#444;cursor:pointer;transition:color .3s}.icon-btn:hover{color:#fff}.big-stat{font-size:2.8rem;font-weight:700;letter-spacing:-2px}.big-stat small{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:#444;margin-left:5px}.status-pill{display:flex;align-items:center;gap:.8rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.dot{width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8}.text-link{color:#fff;text-decoration:none;font-size:.8rem;font-weight:600;margin-top:1rem;display:block;opacity:.6}.text-link:hover{opacity:1}.card-footer{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.hint{font-size:.75rem;color:#333}.hidden{display:none!important}.error-msg{color:#f44;font-size:.8rem;text-align:center}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}.key-card,.stat-card,.help-card{grid-column:span 1}.navbar{padding:1.5rem}}