:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#3b82f6;--color-primary-subtle:#2563eb14;--color-primary-glow:#2563eb40;--color-accent:#14b8a6;--color-accent-hover:#0d9488;--color-accent-light:#2dd4bf;--color-accent-subtle:#14b8a614;--gradient-brand:linear-gradient(135deg, #2563eb 0%, #14b8a6 100%);--gradient-brand-reverse:linear-gradient(135deg, #14b8a6 0%, #2563eb 100%);--gradient-brand-vertical:linear-gradient(180deg, #2563eb 0%, #14b8a6 100%);--gradient-subtle:linear-gradient(135deg, #2563eb0d 0%, #14b8a60d 100%);--gradient-glass:linear-gradient(135deg, #ffffffe6 0%, #ffffffb3 100%);--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-overlay:#ffffffeb;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-success:#10b981;--color-success-bg:#10b98114;--color-warning:#f59e0b;--color-warning-bg:#f59e0b14;--color-error:#ef4444;--color-error-bg:#ef444414;--color-info:#3b82f6;--color-info-bg:#3b82f614;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a12, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a08;--shadow-glow:0 0 20px #2563eb26;--shadow-glow-accent:0 0 20px #14b8a626;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--max-width:1200px;--navbar-height:72px;--sidebar-width:260px;--sidebar-width-collapsed:72px}[data-theme=dark]{--color-bg:#0b1120;--color-bg-alt:#111827;--color-surface:#1e293b;--color-surface-raised:#253244;--color-surface-overlay:#1e293bf2;--color-border:#334155;--color-border-subtle:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-primary-subtle:#2563eb26;--color-accent-subtle:#14b8a626;--gradient-glass:linear-gradient(135deg, #1e293be6 0%, #1e293bb3 100%);--gradient-subtle:linear-gradient(135deg, #2563eb14 0%, #14b8a614 100%);--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000040, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #00000059, 0 8px 10px -6px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}code,pre{font-family:var(--font-mono)}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--gradient-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-primary-glow)}50%{box-shadow:0 0 0 8px #0000}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out both}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out both}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out both}.animate-scale-in{animation:scaleIn var(--transition-spring) both}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out both}.animate-shake{animation:.4s ease-in-out shake}.animate-float{animation:3s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg, var(--color-bg-alt) 25%, var(--color-border-subtle) 50%, var(--color-bg-alt) 75%);border-radius:var(--radius-md);background-size:400% 100%;animation:1.5s ease-in-out infinite shimmer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width:768px){:root{--navbar-height:64px}.container{padding:0 var(--space-4)}}.cl-internal-b3al4t,.cl-watermark{display:none!important}