:root{--color-primary:#0f1f3d;--color-primary-light:#1a3260;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-electric:#2563eb;--color-surface:#f8f9fb;--color-surface-card:#fff;--color-text-primary:#1a1a2e;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-text-inverse:#f0f4ff;--color-border:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--font-heading:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia 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:clamp(1.5rem, 3vw, 1.875rem);--text-4xl:clamp(1.875rem, 4vw, 2.25rem);--text-5xl:clamp(2.25rem, 5vw, 3rem);--text-hero:clamp(2.5rem, 6vw, 4rem);--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;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #00000024;--shadow-xl:0 16px 48px #0000002e;--transition-fast:.15s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6}#root h1,#root h2,#root h3,#root h4,#root h5,#root h6{font-family:var(--font-heading);color:var(--color-primary);font-weight:700;line-height:1.2}#root h1{font-size:var(--text-5xl)}#root h2{font-size:var(--text-4xl)}#root h3{font-size:var(--text-3xl)}#root h4{font-size:var(--text-2xl)}#root h5{font-size:var(--text-xl)}#root h6{font-size:var(--text-lg)}#root p{margin:0}#root a{color:var(--color-electric);text-decoration:none}#root a:hover{text-decoration:underline}img,video,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}#root{flex-direction:column;min-height:100svh;animation:.3s ease-out both fadeInUp;display:flex}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-accent);color:var(--color-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border:none;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);color:var(--color-primary);text-decoration:none;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;background:0 0;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;transform:translateY(-2px)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{background:var(--color-border);color:var(--color-text-primary);text-decoration:none}.card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-base), box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-heading);white-space:nowrap;display:inline-flex}.badge-accent{color:var(--color-accent-hover);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-primary{color:var(--color-primary);background:#0f1f3d14;border:1px solid #0f1f3d26}.badge-success{color:#065f46;background:#10b9811f;border:1px solid #10b9814d}.badge-electric{color:var(--color-electric);background:#2563eb1a;border:1px solid #2563eb33}.section-container{max-width:1200px;padding-left:var(--space-5);padding-right:var(--space-5);margin-left:auto;margin-right:auto}@media (width>=768px){.section-container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (width>=1024px){.section-container{padding-left:var(--space-12);padding-right:var(--space-12)}}.section{padding-top:40px;padding-bottom:40px}@media (width>=768px){.section{padding-top:48px;padding-bottom:48px}}@media (width>=1024px){.section{padding-top:64px;padding-bottom:64px}}.tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:opacity var(--transition-fast);align-items:center;display:inline-flex}.tag:hover{opacity:.8}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar__fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.nav-link{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;font-weight:600;text-decoration:none;position:relative}.nav-link:after{content:"";left:var(--space-3);right:var(--space-3);background:var(--color-accent);border-radius:var(--radius-full);height:2px;transition:transform var(--transition-fast);position:absolute;bottom:0;transform:scaleX(0)}.nav-link:hover{color:var(--color-primary);text-decoration:none}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--color-primary);font-weight:700}.nav-link.active:after{transform:scaleX(1)}.hamburger-btn{cursor:pointer;border-radius:var(--radius-sm);width:40px;height:40px;padding:var(--space-2);transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none}.hamburger-btn:hover{background:var(--color-border)}.hamburger-btn span{background:var(--color-primary);border-radius:var(--radius-full);width:22px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);display:block}.hamburger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=767px){.hamburger-btn{display:flex}}.nav-drawer{background:var(--color-surface-card);width:min(320px,85vw);height:100%;box-shadow:var(--shadow-xl);z-index:200;padding:var(--space-6) var(--space-6) var(--space-8);transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.nav-drawer.open{transform:translate(0)}.nav-drawer-overlay{z-index:199;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);background:#0006;position:fixed;inset:0}.nav-drawer-overlay.open{opacity:1;pointer-events:auto}.section-heading{text-align:center;margin-bottom:var(--space-10)}.section-heading h2{font-size:var(--text-4xl);margin-bottom:var(--space-3);color:var(--color-primary);font-weight:800}.section-heading p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:540px;margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}