:root{--bg-dark: #07090e;--bg-primary: #0a0e17;--bg-secondary: #0f172a;--bg-surface: rgba(15, 23, 42, .75);--bg-surface-elevated: rgba(22, 32, 54, .85);--bg-card: rgba(16, 24, 44, .65);--bg-card-hover: rgba(24, 36, 66, .85);--accent-cyan: #38bdf8;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-purple: #a855f7;--accent-emerald: #10b981;--gradient-primary: linear-gradient(135deg, #38bdf8 0%, #6366f1 50%, #a855f7 100%);--gradient-subtle: linear-gradient(135deg, rgba(56, 189, 248, .12) 0%, rgba(99, 102, 241, .12) 100%);--gradient-border: linear-gradient(135deg, rgba(56, 189, 248, .3) 0%, rgba(99, 102, 241, .2) 50%, rgba(168, 85, 247, .1) 100%);--gradient-glow: radial-gradient(circle, rgba(56, 189, 248, .15) 0%, rgba(99, 102, 241, .05) 50%, transparent 70%);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .12);--border-active: rgba(56, 189, 248, .4);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 35px rgba(56, 189, 248, .15);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .18s cubic-bezier(.16, 1, .3, 1);--transition-normal: .28s cubic-bezier(.16, 1, .3, 1);--transition-slow: .45s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}.bg-ambient-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 15%,rgba(56,189,248,.07) 0%,transparent 40%),radial-gradient(circle at 85% 35%,rgba(99,102,241,.06) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(168,85,247,.05) 0%,transparent 50%)}.bg-grid-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25;letter-spacing:-.02em}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:1}.section{padding-top:6rem;padding-bottom:6rem;position:relative;scroll-margin-top:5rem}@media(max-width:768px){.section{padding-top:4.5rem;padding-bottom:4.5rem}}.section-header{margin-bottom:3.5rem}.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:var(--radius-full);background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:var(--accent-cyan);font-size:.825rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.section-title{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:.85rem}@media(min-width:768px){.section-title{font-size:2.75rem}}.section-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:680px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-size:.95rem;font-weight:600;padding:.75rem 1.4rem;border-radius:var(--radius-md);transition:all var(--transition-normal);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.btn-primary{background:linear-gradient(135deg,#0284c7,#4f46e5);color:#fff;box-shadow:0 4px 20px #3b82f659;border:1px solid rgba(255,255,255,.15)}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#4338ca);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.btn-secondary{background:#ffffff0a;color:var(--text-primary);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);background:transparent}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-3px)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.775rem;font-weight:500;border-radius:var(--radius-full);background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-cyan{background:#38bdf81a;color:#7dd3fc;border-color:#38bdf840}.badge-indigo{background:#6366f11a;color:#a5b4fc;border-color:#6366f140}.badge-purple{background:#a855f71a;color:#d8b4fe;border-color:#a855f740}.badge-emerald{background:#10bd811a;color:#6ee7b7;border-color:#10bd8140}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}