:root{--bg-primary: #070a12;--bg-secondary: #0d121f;--bg-card: rgba(15, 23, 42, .72);--bg-card-hover: rgba(22, 33, 58, .85);--bg-card-solid: #0f172a;--bg-glass: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(56, 189, 248, .35);--border-emerald: rgba(52, 211, 153, .4);--text-main: #f8fafc;--text-sub: #94a3b8;--text-muted: #64748b;--text-highlight: #38bdf8;--accent-cyan: #06b6d4;--accent-cyan-light: #22d3ee;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-emerald: #10b981;--accent-emerald-light: #34d399;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-wa: #25d366;--accent-wa-hover: #128c7e;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-glow-cyan: 0 0 35px rgba(6, 182, 212, .25);--shadow-glow-emerald: 0 0 35px rgba(16, 185, 129, .25);--bg-nav: rgba(7, 10, 18, .75);--bg-nav-scrolled: rgba(7, 10, 18, .94);--input-bg: rgba(15, 23, 42, .85);--input-border: rgba(255, 255, 255, .16);--input-text: #ffffff;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .94);--bg-card-hover: #ffffff;--bg-card-solid: #ffffff;--bg-glass: rgba(0, 0, 0, .02);--bg-nav: rgba(248, 250, 252, .85);--bg-nav-scrolled: rgba(255, 255, 255, .96);--border-subtle: rgba(0, 0, 0, .08);--border-glow: rgba(14, 165, 233, .35);--text-main: #0f172a;--text-sub: #334155;--text-muted: #64748b;--text-highlight: #0284c7;--accent-cyan: #0284c7;--accent-cyan-light: #0ea5e9;--accent-blue: #2563eb;--accent-indigo: #4f46e5;--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #0f172a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--shadow-glow-cyan: 0 0 35px rgba(2, 132, 199, .15)}[data-theme=light] body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(14,165,233,.1),transparent),radial-gradient(ellipse 60% 40% at 85% 60%,rgba(99,102,241,.06),transparent),radial-gradient(ellipse 60% 40% at 15% 85%,rgba(16,185,129,.06),transparent)}[data-theme=light] .section-header h2{background:linear-gradient(180deg,#0f172a 30%,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .glass-panel{border-color:#00000014;box-shadow:0 8px 30px #0f172a0f}[data-theme=green]{--bg-primary: #04140d;--bg-secondary: #072217;--bg-card: rgba(7, 34, 23, .78);--bg-card-hover: rgba(10, 48, 33, .9);--bg-card-solid: #092e20;--bg-glass: rgba(255, 255, 255, .03);--bg-nav: rgba(4, 20, 13, .8);--bg-nav-scrolled: rgba(4, 20, 13, .95);--border-subtle: rgba(52, 211, 153, .16);--border-glow: rgba(52, 211, 153, .45);--text-main: #f0fdf4;--text-sub: #bbf7d0;--text-muted: #86efac;--text-highlight: #34d399;--accent-cyan: #10b981;--accent-cyan-light: #34d399;--accent-blue: #059669;--input-bg: rgba(7, 34, 23, .9);--input-border: rgba(52, 211, 153, .25);--input-text: #ffffff;--shadow-glow-cyan: 0 0 35px rgba(16, 185, 129, .28)}[data-theme=green] body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(16,185,129,.2),transparent),radial-gradient(ellipse 60% 40% at 85% 60%,rgba(5,150,105,.14),transparent)}[data-theme=blue]{--bg-primary: #050d1a;--bg-secondary: #0a1830;--bg-card: rgba(10, 24, 48, .78);--bg-card-hover: rgba(15, 36, 71, .9);--bg-card-solid: #0c1f3d;--bg-glass: rgba(255, 255, 255, .03);--bg-nav: rgba(5, 13, 26, .8);--bg-nav-scrolled: rgba(5, 13, 26, .95);--border-subtle: rgba(96, 165, 250, .16);--border-glow: rgba(96, 165, 250, .45);--text-main: #f0f9ff;--text-sub: #93c5fd;--text-muted: #60a5fa;--text-highlight: #38bdf8;--accent-cyan: #3b82f6;--accent-cyan-light: #60a5fa;--accent-blue: #2563eb;--input-bg: rgba(10, 24, 48, .9);--input-border: rgba(96, 165, 250, .25);--input-text: #ffffff;--shadow-glow-cyan: 0 0 35px rgba(59, 130, 246, .3)}[data-theme=blue] body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.2),transparent),radial-gradient(ellipse 60% 40% at 85% 60%,rgba(37,99,235,.14),transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100vh;background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(6,182,212,.15),transparent),radial-gradient(ellipse 60% 40% at 85% 60%,rgba(99,102,241,.08),transparent),radial-gradient(ellipse 60% 40% at 15% 85%,rgba(16,185,129,.08),transparent);background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#334155}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);line-height:1.25;font-weight:700;letter-spacing:-.02em}p{color:var(--text-sub);margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.glass-panel:hover{border-color:#ffffff29}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid transparent}.badge-cyan{background:#06b6d41f;color:var(--accent-cyan-light);border-color:#06b6d44d}.badge-emerald{background:#10b9811f;color:var(--accent-emerald-light);border-color:#10b9814d}.badge-rose{background:#f43f5e1f;color:#fda4af;border-color:#f43f5e4d}.badge-indigo{background:#6366f11f;color:#a5b4fc;border-color:#6366f14d}.badge-amber{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b4d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.75rem 1.6rem;font-family:var(--font-body);font-weight:600;font-size:.95rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 4px 18px #0ea5e959}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e980;filter:brightness(1.1)}.btn-wa{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 18px #25d36659;font-weight:700}.btn-wa:hover{transform:translateY(-2px);box-shadow:0 8px 25px #25d3668c;filter:brightness(1.08)}.btn-outline{background:#ffffff0a;color:var(--text-main);border-color:var(--border-subtle)}.btn-outline:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.btn-sm{padding:.45rem .95rem;font-size:.85rem;border-radius:var(--radius-sm)}.section-header{text-align:center;max-width:760px;margin:0 auto 3.5rem}.section-header .section-tag{display:inline-block;margin-bottom:.75rem}.section-header h2{font-size:2.35rem;margin-bottom:1rem;background:linear-gradient(180deg,#fff 30%,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:1.05rem;color:var(--text-sub)}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.floating{animation:floatAnim 4s ease-in-out infinite}@media(max-width:768px){.section-header h2{font-size:1.85rem}.container{padding-left:1rem;padding-right:1rem}}
