:root{--bg: #F5F5F5;--card-bg: #ffffff;--card-border: #DFDFDF;--glass-border: #D8B400;--text: #424242;--text-muted: #777777;--accent: #D8B400;--font-main: "Manuale", Georgia, serif;--font-heading: "Inria Serif", Georgia, 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-icon{width:38px;height:38px;object-fit:contain}.logo-alpha{font-family:var(--font-heading);font-size:2.2rem;font-style:italic;color:var(--text)}.logo-text{line-height:1}.logo .bold{font-family:var(--font-heading);font-weight:700;color:var(--text);font-size:1.1rem}.logo .thin{font-family:var(--font-heading);font-weight:300;color:#999;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);box-shadow:0 4px 20px #0000000d}.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-family:var(--font-heading);font-size:2rem;letter-spacing:-.04em;margin-bottom:.4rem}h2{font-family:var(--font-heading);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:#42424208;border:.5px solid var(--card-border);border-radius:var(--radius-pill);padding:1.1rem 1.5rem;color:var(--text);font-family:var(--font-main);font-size:.95rem;outline:none;transition:all .3s ease}input:focus{border-color:var(--accent);background:#4242420d}.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:var(--text);color:var(--card-bg)}.pill-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a;background:var(--accent)}.pill-btn.secondary{background:transparent;border:.5px solid var(--card-border);color:var(--text)}.pill-btn.secondary:hover{background:#4242420d;border-color:var(--text)}.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:#42424208;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:var(--text);letter-spacing:.05em}.icon-btn{background:transparent;border:none;color:#888;cursor:pointer;transition:color .3s}.icon-btn:hover{color:var(--accent)}.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:var(--accent);border-radius:50%;box-shadow:0 0 10px #d8b40080}.text-link{color:var(--accent);text-decoration:none;font-size:.8rem;font-weight:600;margin-top:1rem;display:block;opacity:.8}.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}}