:root{--tf-bg-base: #06090F;--tf-bg-surface: #0B111E;--tf-bg-elevated: #111827;--tf-bg-glass: rgba(6, 9, 15, .78);--tf-border: rgba(255, 255, 255, .08);--tf-border-subtle: rgba(255, 255, 255, .05);--tf-border-strong: rgba(45, 212, 191, .28);--tf-text-primary: #F8FAFC;--tf-text-secondary: #94A3B8;--tf-text-muted: #64748B;--tf-accent-teal: #2DD4BF;--tf-accent-emerald: #10B981;--tf-accent-gold: #F59E0B;--tf-hero-radial-1: rgba(20, 184, 166, .18);--tf-hero-radial-2: rgba(245, 158, 11, .08);--tf-card-bg: linear-gradient(180deg, rgba(17, 24, 39, .8) 0%, rgba(11, 17, 30, .95) 100%);--tf-card-solid: #0B111E;--tf-grid-line: rgba(255, 255, 255, .025);--tf-pill-bg: rgba(255, 255, 255, .04);--tf-kpi-bg: rgba(255, 255, 255, .025);--tf-table-header-bg: rgba(255, 255, 255, .02);--tf-table-border: rgba(255, 255, 255, .05);--tf-shadow-elevation: 0 30px 80px -20px rgba(0, 0, 0, .85);--tf-cta-gradient: radial-gradient(circle at top right, rgba(20, 184, 166, .22), transparent 60%), linear-gradient(135deg, #0B1528 0%, #070C16 100%);--tf-cta-shadow: 0 25px 70px -20px rgba(20, 184, 166, .25);--tf-footer-bg: #04070C;--tf-track-bg: #1E293B;--tf-font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--tf-font-serif: "Instrument Serif", Georgia, serif;--tf-font-mono: "JetBrains Mono", monospace}[data-theme=light]{--tf-bg-base: #F8FAFC;--tf-bg-surface: #FFFFFF;--tf-bg-elevated: #F1F5F9;--tf-bg-glass: rgba(255, 255, 255, .85);--tf-border: rgba(15, 23, 42, .08);--tf-border-subtle: rgba(15, 23, 42, .04);--tf-border-strong: rgba(15, 118, 110, .35);--tf-text-primary: #0F172A;--tf-text-secondary: #475569;--tf-text-muted: #64748B;--tf-accent-teal: #0D9488;--tf-accent-emerald: #059669;--tf-accent-gold: #D97706;--tf-hero-radial-1: rgba(20, 184, 166, .12);--tf-hero-radial-2: rgba(245, 158, 11, .06);--tf-card-bg: #FFFFFF;--tf-card-solid: #FFFFFF;--tf-grid-line: rgba(15, 23, 42, .04);--tf-pill-bg: rgba(15, 23, 42, .04);--tf-kpi-bg: #F8FAFC;--tf-table-header-bg: #F8FAFC;--tf-table-border: rgba(15, 23, 42, .06);--tf-shadow-elevation: 0 16px 40px -12px rgba(15, 23, 42, .07);--tf-cta-gradient: radial-gradient(circle at top right, rgba(20, 184, 166, .14), transparent 60%), linear-gradient(135deg, #F0FDFA 0%, #FFFFFF 100%);--tf-cta-shadow: 0 20px 50px -15px rgba(20, 184, 166, .15);--tf-footer-bg: #F1F5F9;--tf-track-bg: #E2E8F0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--tf-font-sans);background-color:var(--tf-bg-base);color:var(--tf-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}.tf-navbar{position:sticky;top:0;z-index:100;background:var(--tf-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--tf-border);transition:background .2s ease,border-color .2s ease}.tf-nav-inner{max-width:1240px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.tf-logo-link{display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.18rem;letter-spacing:-.025em;color:var(--tf-text-primary)}.tf-logo-badge{width:34px;height:34px;border-radius:9px;background:var(--tf-bg-surface);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;border:1px solid var(--tf-border);overflow:hidden;padding:2px;flex-shrink:0}.tf-logo-img{width:100%;height:100%;object-fit:contain;display:block}.tf-nav-menu{display:flex;align-items:center;gap:.35rem;background:var(--tf-pill-bg);padding:.3rem .5rem;border-radius:999px;border:1px solid var(--tf-border)}.tf-nav-item{color:var(--tf-text-secondary);font-size:.86rem;font-weight:500;padding:.45rem .85rem;border-radius:999px;transition:color .15s ease,background .15s ease}.tf-nav-item:hover{color:var(--tf-text-primary);background:var(--tf-pill-bg)}.tf-nav-actions{display:flex;align-items:center;gap:.75rem}.tf-login-link{color:var(--tf-text-secondary);font-size:.86rem;font-weight:500;padding:.45rem .65rem;transition:color .15s ease}.tf-login-link:hover{color:var(--tf-text-primary)}.tf-theme-switcher{display:inline-flex;align-items:center;background:var(--tf-pill-bg);border:1px solid var(--tf-border);border-radius:999px;padding:2px;gap:2px}.tf-theme-btn{background:transparent;border:none;color:var(--tf-text-muted);cursor:pointer;padding:5px 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.tf-theme-btn:hover{color:var(--tf-text-primary)}.tf-theme-btn.active{background:var(--tf-bg-surface);color:var(--tf-accent-teal);box-shadow:0 1px 4px #0000001f}.btn-primary{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff!important;font-weight:600;font-size:.86rem;padding:.55rem 1.15rem;border-radius:8px;border:1px solid rgba(45,212,191,.35);box-shadow:0 4px 14px -3px #14b8a659;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.btn-primary:hover{background:linear-gradient(135deg,#14b8a6,#0d9488);transform:translateY(-1px);box-shadow:0 6px 20px -3px #14b8a680}.btn-secondary{background:var(--tf-pill-bg);border:1px solid var(--tf-border);color:var(--tf-text-primary);font-weight:600;font-size:.86rem;padding:.55rem 1.15rem;border-radius:8px;transition:all .18s ease;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.btn-secondary:hover{background:var(--tf-border);transform:translateY(-1px)}.tf-mobile-toggle{display:none;background:transparent;border:none;color:var(--tf-text-secondary);cursor:pointer;padding:.4rem}.tf-mobile-drawer{display:none;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;background:var(--tf-bg-surface);border-bottom:1px solid var(--tf-border)}.tf-mobile-drawer.open{display:flex}@media(max-width:960px){.tf-nav-menu,.tf-login-link{display:none}.tf-mobile-toggle{display:block}}.tf-footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3rem}@media(max-width:860px){.tf-footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:540px){.tf-footer-grid{grid-template-columns:1fr}}