@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-50: #eef4ff;--brand-100: #dae6ff;--brand-200: #bdd4ff;--brand-300: #90b8ff;--brand-400: #5c8fff;--brand-500: #3b6cf7;--brand-600: #2451ec;--brand-700: #1c3dd9;--brand-800: #1d34af;--brand-900: #1e308a;--accent-50: #effefb;--accent-100: #c8fff5;--accent-200: #91ffeb;--accent-300: #53f5de;--accent-400: #20e0cb;--accent-500: #07c4b2;--accent-600: #029e92;--accent-700: #067e76;--bg-body: #f5f7fb;--bg-primary: #edf1f7;--bg-card: #ffffff;--bg-card-hover: #f8faff;--bg-input: #ffffff;--bg-sidebar: #f8f9fc;--bg-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-on-brand: #ffffff;--border-color: #cbd5e1;--border-subtle: #e2e8f0;--border-focus: var(--brand-500);--shadow-xs: 0 1px 2px rgba(15, 23, 41, .05);--shadow-card: 0 1px 3px rgba(15, 23, 41, .08), 0 1px 2px rgba(15, 23, 41, .05);--shadow-elevated: 0 10px 40px rgba(15, 23, 41, .1), 0 2px 8px rgba(15, 23, 41, .06);--shadow-float: 0 20px 60px rgba(15, 23, 41, .14), 0 4px 16px rgba(15, 23, 41, .08);--accent-gradient: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-700) 50%, #1d4ed8 100%);--accent-gradient-subtle: linear-gradient(135deg, var(--brand-50) 0%, var(--accent-50) 100%);--surface-gradient: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);--accent-color: var(--brand-600);--danger-color: #b91c1c;--danger-bg: #fef2f2;--success-color: #047857;--success-bg: #ecfdf5;--warning-color: #b45309;--warning-bg: #fffbeb;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html.dark{--bg-body: #0b0e18;--bg-primary: #12162a;--bg-card: #181d33;--bg-card-hover: #1e2440;--bg-input: #141830;--bg-sidebar: #0e1122;--bg-elevated: #1e2440;--text-primary: #eef2ff;--text-secondary: #b8c4dc;--text-muted: #7889a8;--border-color: #2a3555;--border-subtle: #1c2540;--border-focus: #60a5fa;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .5);--shadow-card: 0 2px 6px rgba(0, 0, 0, .4), 0 0 1px rgba(100, 140, 255, .05);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .5), 0 0 2px rgba(100, 140, 255, .08);--shadow-float: 0 16px 48px rgba(0, 0, 0, .6), 0 0 3px rgba(100, 140, 255, .1);--accent-gradient: linear-gradient(135deg, #60a5fa 0%, #38bdf8 50%, #22d3ee 100%);--accent-gradient-subtle: linear-gradient(135deg, rgba(96, 165, 250, .1) 0%, rgba(56, 189, 248, .06) 100%);--surface-gradient: linear-gradient(180deg, #181d33 0%, #12162a 100%);--accent-color: #60a5fa;--danger-color: #fb7185;--danger-bg: rgba(251, 113, 133, .12);--success-color: #4ade80;--success-bg: rgba(74, 222, 128, .1);--warning-color: #fbbf24;--warning-bg: rgba(251, 191, 36, .1);--brand-50: rgba(96, 165, 250, .08);--brand-100: rgba(96, 165, 250, .15);--brand-200: rgba(96, 165, 250, .25);--brand-300: #93c5fd;--brand-400: #60a5fa;--brand-500: #3b82f6;--brand-600: #60a5fa;--brand-700: #2563eb}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-body);color:var(--text-primary);transition:background-color .2s ease,color .2s ease;font-size:15px;line-height:1.6}html,body,#root{height:100%}button{font-family:inherit}input,select,textarea{font-family:inherit;background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);transition:border-color .2s,box-shadow .2s;font-size:.9rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b6cf726}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}::selection{background:#3b6cf740}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px;opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){body{font-size:14px}h1{font-size:1.5rem!important}h2{font-size:1.1rem!important}}@media (max-width: 480px){body{font-size:13px}h1{font-size:1.3rem!important}}@media (max-width: 640px){.responsive-grid-2{grid-template-columns:1fr!important}}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:.5em 0 .3em;color:var(--text-primary);line-height:1.3}.markdown-content h1{font-size:1.3rem}.markdown-content h2{font-size:1.1rem}.markdown-content h3{font-size:.95rem}.markdown-content p{margin:.3em 0;color:var(--text-secondary);font-size:.88rem;line-height:1.6}.markdown-content ul,.markdown-content ol{padding-left:1.5rem;margin:.3em 0;color:var(--text-secondary);font-size:.88rem}.markdown-content code{background:var(--bg-primary);padding:.15em .4em;border-radius:3px;font-family:var(--font-mono);font-size:.82rem;color:var(--brand-700)}html.dark .markdown-content code{color:#93b4ff}.markdown-content pre{background:var(--bg-primary);padding:.75rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.82rem;border:1px solid var(--border-subtle)}.markdown-content pre code{background:none;padding:0;color:var(--text-primary)}.markdown-content a{color:var(--brand-600);text-decoration:underline}html.dark .markdown-content a{color:#93b4ff}.markdown-content strong{color:var(--text-primary);font-weight:600}.markdown-content blockquote{border-left:3px solid var(--brand-300);margin:.5em 0;padding-left:.75rem;color:var(--text-secondary);font-style:italic}.password-strength{display:flex;gap:4px;margin-top:4px}.password-strength-bar{height:4px;flex:1;border-radius:2px;background:var(--border-color);transition:background .3s}.password-strength-bar.weak{background:#dc2626}.password-strength-bar.medium{background:#d97706}.password-strength-bar.strong{background:#059669}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}button:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;padding:8px;background:var(--brand-500);color:#fff;z-index:1000;transition:top .2s}.skip-link:focus{top:0}.markdown-content .checklist-item{list-style:none;display:flex;align-items:center;gap:.4rem;padding:.2rem 0}.markdown-content .checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color, #3b6cf7);cursor:default}.markdown-content .checklist-item.checked{text-decoration:line-through;opacity:.7}