:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", monospace;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark],body.theme-dark{--bg-primary: #090d16;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-purple: #8b5cf6;--accent-emerald: #10b981;--accent-amber: #f59e0b;--gradient-primary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #6366f1 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-hero: radial-gradient(circle at 50% 20%, rgba(99, 102, 241, .15) 0%, rgba(6, 182, 212, .05) 50%, transparent 80%);--glass-bg: rgba(15, 23, 42, .7);--glass-bg-hover: rgba(30, 41, 59, .8);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(6, 182, 212, .3);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-bg: rgba(15, 23, 42, .6);--input-bg: rgba(30, 41, 59, .5);--border-color: rgba(255, 255, 255, .1)}html[data-theme=light],body.theme-light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent-cyan: #0284c7;--accent-blue: #2563eb;--accent-indigo: #4f46e5;--accent-purple: #7c3aed;--accent-emerald: #059669;--accent-amber: #d97706;--gradient-primary: linear-gradient(135deg, #0284c7 0%, #2563eb 50%, #4f46e5 100%);--gradient-accent: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-hero: radial-gradient(circle at 50% 20%, rgba(79, 70, 229, .08) 0%, rgba(2, 132, 199, .03) 50%, transparent 80%);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-hover: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(37, 99, 235, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .08);--card-bg: rgba(255, 255, 255, .8);--input-bg: rgba(241, 245, 249, .8);--border-color: rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}@media(max-width:576px){.container{padding:0 1rem}}.section{padding:6rem 0;position:relative}@media(max-width:768px){.section{padding:3.75rem 0}}@media(max-width:480px){.section{padding:3rem 0}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-alt{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1.25rem;box-shadow:var(--glass-shadow);transition:all var(--transition-normal)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-4px)}@media(max-width:480px){.glass-card{border-radius:1rem}}.glass-pill{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:9999px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.glass-pill:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.btn-primary{background:var(--gradient-primary);color:#fff;font-weight:600;padding:.85rem 2rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 20px #06b6d44d;transition:all var(--transition-normal)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #06b6d473;filter:brightness(1.1)}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--glass-border);font-weight:600;padding:.85rem 2rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan);transform:translateY(-2px)}@media(max-width:480px){.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:.9rem;width:100%}}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header .section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.2rem;border-radius:9999px;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);color:var(--accent-cyan);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.section-header .section-title{font-size:2.75rem;margin-bottom:1rem;font-weight:800}.section-header .section-subtitle{color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){.section-header{margin-bottom:2.5rem}.section-header .section-title{font-size:2.1rem}.section-header .section-subtitle{font-size:.95rem}}@media(max-width:480px){.section-header .section-title{font-size:1.75rem}}[appScrollReveal]{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}[appScrollReveal].revealed{opacity:1;transform:translateY(0)}