:root{--color-bg-primary:#0b1320;--color-bg-secondary:#1a2636;--color-bg-elevated:#22344a;--color-overlay-dark:#050a14a6;--color-overlay-soft:#141e3273;--color-accent-primary:#ff7a5c;--color-accent-secondary:#ffb38a;--color-accent-glow:#ff8c42;--color-warm-light:#ffd6a5;--color-warm-mid:#e07a5f;--color-warm-dark:#8c3b2a;--color-cool-light:#a8c0d8;--color-cool-mid:#4a6fa5;--color-cool-dark:#1b2a41;--color-text-primary:#e6edf3;--color-text-secondary:#aab6c4;--color-text-muted:#6b7c8f;--color-text-accent:#ffb38a;--color-success:#4caf7d;--color-warning:#ffb547;--color-error:#e05a5a;--color-info:#5da9e9;--color-glow-accent:#ff7a5c66;--color-shadow-deep:#0009;--color-shadow-soft:#0000004d;--bg-color:var(--color-bg-primary);--bg-surface:var(--color-bg-secondary);--bg-surface-hover:var(--color-bg-elevated);--text-main:var(--color-text-primary);--text-muted:var(--color-text-secondary);--accent-color:var(--color-accent-primary);--accent-hover:var(--color-accent-secondary);--border-color:var(--color-cool-dark);--success-color:var(--color-success);--danger-color:var(--color-error);--warning-color:var(--color-warning)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;background-image:url(/assets/bg-01-CChV7pH8.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-cool-dark);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-cool-mid)}a{color:var(--color-accent-primary);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:var(--color-accent-secondary);text-shadow:0 0 8px var(--color-glow-accent)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);margin-bottom:.5rem;font-weight:600;line-height:1.2}p{margin-bottom:1rem}.app-container{background-color:var(--color-overlay-dark);flex-direction:column;min-height:100vh;display:flex}.topbar{background-color:var(--color-overlay-dark);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-cool-dark);z-index:50;box-shadow:0 4px 24px var(--color-shadow-deep);position:sticky;top:0}.topbar-inner{align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.brand{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.brand-icon{filter:drop-shadow(0 0 8px var(--color-glow-accent))}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.card{background-color:var(--color-overlay-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-cool-dark);box-shadow:0 4px 6px var(--color-shadow-soft);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card.clickable:hover{box-shadow:0 12px 24px var(--color-shadow-deep), 0 0 16px var(--color-glow-accent);border-color:var(--color-cool-mid);cursor:pointer;background-color:var(--color-bg-elevated);transform:translateY(-4px)scale(1.01)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.badge{text-transform:uppercase;letter-spacing:.1em;background-color:var(--color-overlay-dark);color:var(--color-accent-primary);border:1px solid var(--color-accent-glow);box-shadow:0 0 10px var(--color-glow-accent);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn{border:1px solid var(--color-cool-dark);background-color:var(--color-overlay-soft);color:var(--color-text-primary);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .3s;display:inline-flex}.btn:hover{background-color:var(--color-cool-dark);border-color:var(--color-cool-mid);transform:translateY(-1px)}.btn-primary{background-color:var(--color-accent-primary);background-image:linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-warm-mid) 100%);color:var(--color-text-primary);box-shadow:0 4px 12px var(--color-glow-accent);border:none}.btn-primary:hover{background-image:linear-gradient(135deg, var(--color-accent-glow) 0%, var(--color-accent-primary) 100%);box-shadow:0 6px 16px var(--color-glow-accent);transform:translateY(-2px)}.table-container{border:1px solid var(--color-cool-dark);background-color:var(--color-overlay-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;box-shadow:0 8px 32px var(--color-shadow-soft);border-radius:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-cool-dark);padding:1.25rem 1rem}th{background-color:var(--color-overlay-dark);color:var(--color-cool-light);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}tr:last-child td{border-bottom:none}tbody tr{transition:background-color .2s}tbody tr:hover{background-color:var(--color-overlay-dark)}.markdown-body{background-color:var(--color-overlay-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-cool-dark);color:var(--color-text-primary);box-shadow:0 8px 32px var(--color-shadow-soft);border-radius:1rem;padding:2.5rem;font-size:1rem;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--color-warm-light);border-bottom:1px solid var(--color-cool-dark);margin-top:2.5rem;margin-bottom:1.25rem;padding-bottom:.5rem}.markdown-body h1:first-child{margin-top:0}.markdown-body pre{background-color:var(--color-bg-primary);border:1px solid var(--color-cool-dark);box-shadow:inset 0 2px 8px var(--color-shadow-soft);border-radius:.75rem;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}.markdown-body code{background-color:var(--color-overlay-dark);color:var(--color-warm-light);border-radius:.25rem;padding:.2rem .4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.markdown-body pre code{color:var(--color-text-primary);background-color:#0000;padding:0}.markdown-body blockquote{border-left:4px solid var(--color-accent-primary);color:var(--color-text-muted);background-color:var(--color-overlay-dark);border-radius:0 .5rem .5rem 0;margin-left:0;margin-right:0;padding:1.25rem}.markdown-body ul,.markdown-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.markdown-body table{margin-bottom:1.5rem}.markdown-body a{text-decoration:underline;-webkit-text-decoration-color:var(--color-glow-accent);text-decoration-color:var(--color-glow-accent);text-underline-offset:4px}.markdown-body a:hover{-webkit-text-decoration-color:var(--color-accent-primary);text-decoration-color:var(--color-accent-primary)}.text-muted{color:var(--color-text-muted)}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.breadcrumb{color:var(--color-cool-light);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.breadcrumb a{color:var(--color-cool-light);transition:color .2s}.breadcrumb a:hover{color:var(--color-warm-light);text-shadow:0 0 8px var(--color-glow-accent)}.spinner{border:3px solid var(--color-overlay-dark);border-top-color:var(--color-accent-primary);width:2.5rem;height:2.5rem;box-shadow:0 0 15px var(--color-glow-accent);border-radius:50%;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{height:50vh;color:var(--color-warm-light);letter-spacing:.05em;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;font-weight:500;animation:2s infinite pulse;display:flex}@keyframes pulse{0%{opacity:.7}50%{opacity:1;text-shadow:0 0 8px var(--color-glow-accent)}to{opacity:.7}}