@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg-base:#f5f6f8;--surface:#fff;--ink-primary:#1b2430;--ink-muted:#5c6773;--accent-primary:#1e4e8c;--accent-flag:#b8862b;--accent-danger:#b23b3b;--border-hairline:#dadfe5;--paper:#faf8f3;--ink:#2b2438;--sky:#2f5d8a;--marigold:#e8a33d;--coral:#e4574a;--sage:#7a8b6f;--background:var(--paper);--surface-translucent:#faf8f3d9;--primary:var(--marigold);--primary-hover:#d7922a;--accent:var(--sky);--text:var(--ink);--text-muted:#6c6677;--border:#e8e4db;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-heading:"Fraunces", serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xl:16px;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--shadow-soft:0 4px 20px #1c23210a, 0 2px 8px #1c232105;--shadow-hover:0 12px 30px #1c23210f, 0 8px 16px #1c23210a;--bg-main:var(--background);--bg-light:var(--surface);--card-bg:var(--surface);--primary-color:var(--primary);--primary-blue:var(--primary);--accent-color:var(--accent);--sidebar-bg:var(--primary);--text-main:var(--text);--border-color:var(--border);--logo-primary:var(--primary);--logo-secondary:var(--accent)}.dark{--bg-base:#0f172a;--surface:#1c2321;--ink-primary:#f1f5f9;--ink-muted:#94a3b8;--accent-primary:#3b82f6;--accent-flag:#f59e0b;--accent-danger:#ef4444;--border-hairline:#334155;--background:#111413;--surface-translucent:#1c2321d9;--primary:#d9a441;--primary-hover:#e8b95e;--accent:#1e3a5f;--text:#f7f6f2;--text-muted:#9ca3af;--border:#333f3b;--shadow-soft:0 4px 20px #0006, 0 2px 8px #0003;--shadow-hover:0 12px 30px #0009, 0 8px 16px #0006;--bg-main:var(--background);--bg-light:var(--surface);--card-bg:var(--surface);--primary-color:var(--primary);--primary-blue:var(--primary);--accent-color:var(--accent);--sidebar-bg:var(--surface);--text-main:var(--text);--border-color:var(--border);--logo-primary:#f7f6f2;--logo-secondary:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px}.mono-text{font-family:var(--font-mono)}.premium-card{background:var(--card-bg);box-shadow:var(--shadow-soft);border:1px solid var(--border);border-radius:0;padding:24px;transition:box-shadow .3s,transform .3s}.premium-card:hover{box-shadow:var(--shadow-hover)}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);background-position:top}.btn-primary{background:var(--primary);color:#111413;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;padding:14px 28px;transition:all .15s ease-out;display:inline-flex}.dark .btn-primary{background:var(--primary);color:#111413}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)scale(1.03);box-shadow:0 4px 12px #e8a33d40}.dark .btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)scale(1.03);box-shadow:0 4px 12px #e8a33d26}.btn-secondary{color:var(--text);border:1px solid var(--border);font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:14px 28px;transition:all .15s ease-out;display:inline-flex}.btn-secondary:hover{background:var(--surface);border-color:var(--text);transform:translateY(-2px)scale(1.03)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.grid-item{border-radius:var(--radius-sm);width:40px;height:40px;font-size:.95rem;font-weight:500;font-family:var(--font-mono);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);justify-content:center;align-items:center;transition:all .2s;display:flex}.grid-item-visited{background:var(--accent);color:var(--primary);border-color:var(--accent)}.grid-item-answered{background:var(--success);color:#fff;border-color:var(--success)}.grid-item-flagged{background:var(--warning);color:#fff;border-color:var(--warning)}.grid-item-current{box-shadow:0 0 0 2px var(--accent);border-color:var(--primary)!important}@keyframes pulseAccent{0%{color:var(--warning);transform:scale(1)}50%{color:var(--error);transform:scale(1.05)}to{color:var(--warning);transform:scale(1)}}.timer-pulse{animation:1s infinite pulseAccent}.auth-input-group{margin-bottom:12px;position:relative}.auth-input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);background:var(--surface);outline:none;padding:20px 12px 10px;font-size:1rem;transition:all .2s}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #f2af0033}.dark .auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #f2af0040}.auth-label{color:var(--text-muted);pointer-events:none;font-size:1rem;transition:all .2s;position:absolute;top:16px;left:16px}.auth-input:focus~.auth-label,.auth-input:not(:placeholder-shown)~.auth-label{color:var(--primary);font-size:.75rem;font-weight:600;top:8px}.dark .auth-input:focus~.auth-label,.dark .auth-input:not(:placeholder-shown)~.auth-label{color:var(--primary)}.auth-input:not(:focus):not(:placeholder-shown)~.auth-label{color:var(--text-muted)}@keyframes checkPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.strength-check{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards checkPop}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.floating-element{animation:6s ease-in-out infinite float}@media (width<=768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.show-on-mobile-flex{display:flex!important}h1{font-size:2.5rem!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}p{font-size:1rem!important}.view-container main{padding:80px 24px 60px!important}.premium-card{padding:24px!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-sidebar-backdrop{z-index:90;background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}}@media (width>=769px){.hide-on-desktop{display:none!important}}.logo-light-mode{display:block}.logo-dark-mode,.dark .logo-light-mode{display:none}.dark .logo-dark-mode{display:block}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--text);margin-top:2rem;margin-bottom:1rem}.markdown-content p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.8}.markdown-content ul,.markdown-content ol{color:var(--text-muted);margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content a{color:var(--primary);font-weight:500;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;background-color:var(--surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-soft);margin:2rem 0;font-size:1rem;overflow:hidden}.markdown-content thead{background-color:var(--primary);color:#13151a}.markdown-content th{text-align:left;font-weight:700;font-family:var(--font-heading);padding:16px}.markdown-content td{border-bottom:1px solid var(--border);color:var(--text);padding:16px}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-content tbody tr:hover{background-color:#f2af000d}