:root{--bg-primary: #06080f;--bg-secondary: #0a0e1a;--bg-surface: #111827;--bg-surface-hover: #1a2235;--bg-surface-elevated: #1e293b;--border: #1e293b;--border-light: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--purple: #7c3aed;--purple-light: #8b5cf6;--purple-dark: #6d28d9;--purple-glow: rgba(124, 58, 237, .12);--purple-glow-strong: rgba(124, 58, 237, .25);--cyan: #22d3ee;--green: #34d399;--amber: #fbbf24;--red: #f87171;--font-heading: "Outfit", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--max-width: 1200px;--header-bg: rgba(6, 8, 15, .85);--code-bg: #0c1021;--selection-color: white}[data-theme=ocean]{--bg-primary: #040912;--bg-secondary: #071422;--bg-surface: #0c1f33;--bg-surface-hover: #132a42;--bg-surface-elevated: #193550;--border: #1a3050;--border-light: #2a4a6a;--text-primary: #e8f1f8;--text-secondary: #8bafcc;--text-muted: #5a8aaa;--purple: #0ea5e9;--purple-light: #38bdf8;--purple-dark: #0284c7;--purple-glow: rgba(14, 165, 233, .12);--purple-glow-strong: rgba(14, 165, 233, .25);--cyan: #67e8f9;--green: #34d399;--amber: #fbbf24;--red: #f87171;--header-bg: rgba(4, 9, 18, .85);--code-bg: #04101e}[data-theme=ember]{--bg-primary: #0f0906;--bg-secondary: #1a100a;--bg-surface: #271c12;--bg-surface-hover: #352418;--bg-surface-elevated: #3d2c1e;--border: #3d2c1e;--border-light: #554030;--text-primary: #f9f2ec;--text-secondary: #b8a090;--text-muted: #887060;--purple: #ea580c;--purple-light: #f97316;--purple-dark: #c2410c;--purple-glow: rgba(234, 88, 12, .12);--purple-glow-strong: rgba(234, 88, 12, .25);--cyan: #22d3ee;--green: #34d399;--amber: #fbbf24;--red: #f87171;--header-bg: rgba(15, 9, 6, .85);--code-bg: #130e08}[data-theme=forest]{--bg-primary: #040d09;--bg-secondary: #081a12;--bg-surface: #0e2a1c;--bg-surface-hover: #143828;--bg-surface-elevated: #1a4030;--border: #1a4030;--border-light: #2a5a45;--text-primary: #ecf9f4;--text-secondary: #88bba5;--text-muted: #5a9a80;--purple: #10b981;--purple-light: #34d399;--purple-dark: #059669;--purple-glow: rgba(16, 185, 129, .12);--purple-glow-strong: rgba(16, 185, 129, .25);--cyan: #22d3ee;--green: #6ee7b7;--amber: #fbbf24;--red: #f87171;--header-bg: rgba(4, 13, 9, .85);--code-bg: #061510}[data-theme=frost]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-surface-elevated: #e2e8f0;--border: #e2e8f0;--border-light: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--purple: #6366f1;--purple-light: #818cf8;--purple-dark: #4f46e5;--purple-glow: rgba(99, 102, 241, .08);--purple-glow-strong: rgba(99, 102, 241, .18);--cyan: #06b6d4;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--header-bg: rgba(248, 250, 252, .85);--code-bg: #1e293b;--selection-color: white}[data-theme=sand]{--bg-primary: #faf8f5;--bg-secondary: #f3efe8;--bg-surface: #ffffff;--bg-surface-hover: #f7f3ec;--bg-surface-elevated: #ede7dc;--border: #e5ddd0;--border-light: #c9bfae;--text-primary: #1c1510;--text-secondary: #6b5d4f;--text-muted: #9a8d7e;--purple: #b45309;--purple-light: #d97706;--purple-dark: #92400e;--purple-glow: rgba(180, 83, 9, .08);--purple-glow-strong: rgba(180, 83, 9, .18);--cyan: #0891b2;--green: #059669;--amber: #d97706;--red: #dc2626;--header-bg: rgba(250, 248, 245, .88);--code-bg: #282018;--selection-color: white}[data-theme=rose]{--bg-primary: #fdf2f8;--bg-secondary: #fce7f3;--bg-surface: #ffffff;--bg-surface-hover: #fdf2f8;--bg-surface-elevated: #fce7f3;--border: #f3d1e4;--border-light: #e8b4d0;--text-primary: #1a0a12;--text-secondary: #7a3e5c;--text-muted: #a76b8a;--purple: #db2777;--purple-light: #ec4899;--purple-dark: #be185d;--purple-glow: rgba(219, 39, 119, .08);--purple-glow-strong: rgba(219, 39, 119, .18);--cyan: #0891b2;--green: #059669;--amber: #d97706;--red: #dc2626;--header-bg: rgba(253, 242, 248, .88);--code-bg: #2a1020;--selection-color: white}[data-theme=azure]{--bg-primary: #f0f9ff;--bg-secondary: #e0f2fe;--bg-surface: #ffffff;--bg-surface-hover: #f0f9ff;--bg-surface-elevated: #e0f2fe;--border: #bae6fd;--border-light: #7dd3fc;--text-primary: #0c1a2a;--text-secondary: #2563a0;--text-muted: #6ba0c8;--purple: #0284c7;--purple-light: #0ea5e9;--purple-dark: #0369a1;--purple-glow: rgba(2, 132, 199, .08);--purple-glow-strong: rgba(2, 132, 199, .18);--cyan: #06b6d4;--green: #059669;--amber: #d97706;--red: #dc2626;--header-bg: rgba(240, 249, 255, .88);--code-bg: #0c2440;--selection-color: white}[data-theme=sage]{--bg-primary: #f6f7f5;--bg-secondary: #ecf0e8;--bg-surface: #ffffff;--bg-surface-hover: #f2f5ef;--bg-surface-elevated: #e4eadc;--border: #d4ddc8;--border-light: #b5c4a4;--text-primary: #111a0e;--text-secondary: #4a6040;--text-muted: #7a9468;--purple: #059669;--purple-light: #10b981;--purple-dark: #047857;--purple-glow: rgba(5, 150, 105, .08);--purple-glow-strong: rgba(5, 150, 105, .18);--cyan: #0891b2;--green: #10b981;--amber: #d97706;--red: #dc2626;--header-bg: rgba(246, 247, 245, .88);--code-bg: #102820;--selection-color: white}[data-theme=lavender]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-surface-elevated: #e2e8f0;--border: #e2e8f0;--border-light: #cbd5e1;--text-primary: #1a1226;--text-secondary: #5b4a78;--text-muted: #8e7eaa;--purple: #7c3aed;--purple-light: #8b5cf6;--purple-dark: #6d28d9;--purple-glow: rgba(124, 58, 237, .08);--purple-glow-strong: rgba(124, 58, 237, .18);--cyan: #06b6d4;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--header-bg: rgba(248, 250, 252, .85);--code-bg: #1e1435;--selection-color: white}[data-theme=slate]{--bg-primary: #f4f5f7;--bg-secondary: #eaedf1;--bg-surface: #ffffff;--bg-surface-hover: #f0f2f5;--bg-surface-elevated: #e2e5ea;--border: #d8dce3;--border-light: #b8bfc9;--text-primary: #111318;--text-secondary: #4a5060;--text-muted: #828a9a;--purple: #475569;--purple-light: #64748b;--purple-dark: #334155;--purple-glow: rgba(71, 85, 105, .08);--purple-glow-strong: rgba(71, 85, 105, .18);--cyan: #0891b2;--green: #059669;--amber: #d97706;--red: #dc2626;--header-bg: rgba(244, 245, 247, .88);--code-bg: #1e2330;--selection-color: white}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:80px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;font-size:16px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}img{max-width:100%;display:block}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}.js .reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.js .reveal.revealed{opacity:1;transform:translateY(0) translate(0) scale(1)}.js .reveal.reveal-left{transform:translate(-40px)}.js .reveal.reveal-right{transform:translate(40px)}.js .reveal.reveal-scale{transform:scale(.92)}.js .reveal-delay-1{transition-delay:.07s}.js .reveal-delay-2{transition-delay:.14s}.js .reveal-delay-3{transition-delay:.21s}.js .reveal-delay-4{transition-delay:.28s}.js .reveal-delay-5{transition-delay:.35s}.js .reveal-delay-6{transition-delay:.42s}.js .reveal-delay-7{transition-delay:.49s}.js .reveal-delay-8{transition-delay:.56s}.js .reveal-delay-9{transition-delay:.63s}.js .reveal-delay-10{transition-delay:.7s}.js .reveal-delay-11{transition-delay:.77s}.js .reveal-delay-12{transition-delay:.84s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--purple);color:var(--selection-color)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.container.container-narrow{max-width:800px}.container.container-wide{max-width:1400px}.section{padding:120px 0;position:relative}@media(max-width:768px){.section{padding:72px 0}}.section-header{text-align:center;max-width:680px;margin:0 auto 48px}.section-header.align-left{text-align:left;margin-left:0}.section-tag{display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-light);background:var(--purple-glow);border:1px solid var(--purple-glow-strong);border-radius:100px;padding:6px 16px;margin-bottom:20px}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px}@media(max-width:768px){.section-title{font-size:1.875rem}}.section-subtitle{font-size:1.1rem;line-height:1.7;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:500;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-md);transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;cursor:pointer}.btn.btn-primary{background:var(--purple);color:#fff;box-shadow:0 0 0 0 var(--purple-glow-strong)}.btn.btn-primary:hover{background:var(--purple-light);box-shadow:0 0 24px 0 var(--purple-glow-strong);transform:translateY(-1px)}.btn.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-light);background:#ffffff08}.btn.btn-full{width:100%;justify-content:center;padding:14px 24px}.btn.btn-lg{padding:14px 32px;font-size:1rem}.page-hero{padding:160px 0 80px;text-align:center;position:relative;overflow:hidden}@media(max-width:768px){.page-hero{padding:120px 0 60px}}.page-hero .page-hero-bg{position:absolute;inset:0;overflow:hidden}.page-hero .page-hero-bg .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(var(--purple-glow) 1px,transparent 1px),linear-gradient(90deg,var(--purple-glow) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 50% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 40%,black 20%,transparent 70%)}.page-hero .page-hero-bg .glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;width:500px;height:350px;background:var(--purple-glow);top:20%;left:50%;transform:translate(-50%)}.page-hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}.page-hero-title{font-family:var(--font-heading);font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:16px}@media(max-width:768px){.page-hero-title{font-size:2.25rem}}.page-hero-subtitle{font-size:1.15rem;line-height:1.7;color:var(--text-secondary);max-width:560px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);transition:border-color .2s ease}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-glow)}.form-group textarea{resize:vertical;min-height:100px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 24px;transition:all .3s ease}.card:hover{border-color:var(--purple-glow-strong);background:var(--bg-surface-hover)}.section-illustration{display:flex;justify-content:center;margin:0 auto;max-width:600px}.section-illustration img{width:100%;height:auto;border-radius:var(--radius-lg)}.section-illustration.illustration-sm{max-width:200px}.section-illustration.illustration-md{max-width:400px}.section-illustration.illustration-lg{max-width:800px}.section-illustration.illustration-full{max-width:100%}.section-illustration.illustration-inline{margin:0}@media(max-width:768px){.section-illustration{max-width:100%;margin-bottom:32px}}.card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--purple-glow);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card-icon svg{width:22px;height:22px;color:var(--purple-light)}