:root{--brand-50: #f5f3ff;--brand-100: #ede9fe;--brand-200: #ddd6fe;--brand-300: #c4b5fd;--brand-400: #a78bfa;--brand-500: #8b5cf6;--brand-600: #7c3aed;--brand-700: #6E56CF;--brand-800: #5b21b6;--brand-900: #4c1d95;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #8b5cf6;--bg-base: #0a0810;--bg-surface: #110e1c;--bg-elevated: #181428;--bg-overlay: #1e1a30;--bg-base-light: #ffffff;--bg-surface-light: #faf9fc;--bg-elevated-light: #f4f2f9;--bg-overlay-light: #ede9fe;--border-subtle: rgba(167, 139, 250, .08);--border-default: rgba(167, 139, 250, .12);--border-strong: rgba(167, 139, 250, .2);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--space-section: 6rem;--space-heading: 3rem;--space-element: 1.5rem;--space-card-gap: 1.25rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.25);--shadow-lg: 0 12px 32px rgba(0,0,0,.3);--shadow-glow: 0 0 40px rgba(139, 92, 246, .15);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}:root:not(.dark){--border-subtle: rgba(124, 58, 237, .08);--border-default: rgba(124, 58, 237, .12);--border-strong: rgba(124, 58, 237, .2);--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 12px 32px rgba(0,0,0,.08);--shadow-glow: 0 0 40px rgba(139, 92, 246, .08)}.brand-gradient-text{background:linear-gradient(135deg,var(--brand-400) 0%,var(--brand-300) 50%,#e0d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root:not(.dark) .brand-gradient-text{background:linear-gradient(135deg,var(--brand-600) 0%,var(--brand-500) 50%,var(--brand-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-brand{position:relative}.glow-brand:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.15),transparent 70%);pointer-events:none;z-index:-1}.glass-card{background:#18142899;backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-smooth)}:root:not(.dark) .glass-card{background:#ffffffb3;backdrop-filter:blur(12px)}.glass-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid-pattern{background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:48px 48px}.dot-pattern{background-image:radial-gradient(circle,var(--border-default) 1px,transparent 1px);background-size:24px 24px}.hero-grid{background-image:linear-gradient(to right,var(--border-strong) 1px,transparent 1px),linear-gradient(to bottom,var(--border-strong) 1px,transparent 1px);background-size:44px 44px;background-position:center center;-webkit-mask-image:radial-gradient(ellipse 75% 55% at 50% 35%,black 0%,transparent 72%);mask-image:radial-gradient(ellipse 75% 55% at 50% 35%,black 0%,transparent 72%)}@keyframes aurora-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(130px,-70px) scale(1.15)}66%{transform:translate(-90px,60px) scale(.88)}}@keyframes aurora-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-120px,90px) scale(1.22)}}@keyframes aurora-3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(100px,80px) scale(.82)}80%{transform:translate(-80px,-55px) scale(1.12)}}@keyframes aurora-4{0%,to{transform:translate(0) scale(1)}45%{transform:translate(-95px,-100px) scale(1.14)}90%{transform:translate(85px,45px) scale(.91)}}.aurora-orb{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}@media (prefers-reduced-motion: reduce){.aurora-orb{animation:none!important}}.hero-noise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;mix-blend-mode:overlay}.quick-grid{background-image:linear-gradient(to right,var(--border-strong) 1px,transparent 1px),linear-gradient(to bottom,var(--border-strong) 1px,transparent 1px);background-size:44px 44px;background-position:center 45%;-webkit-mask-image:radial-gradient(ellipse 80% 65% at 50% 50%,black 0%,transparent 75%);mask-image:radial-gradient(ellipse 80% 65% at 50% 50%,black 0%,transparent 75%)}.code-stage-glow{box-shadow:0 0 0 1px #8b5cf614,0 12px 40px -8px #8b5cf61f,0 4px 16px -4px #0000004d}:root:not(.dark) .code-stage-glow{box-shadow:0 0 0 1px #8b5cf60f,0 12px 40px -8px #8b5cf614,0 4px 16px -4px #0000000d}.section-spotlight{background:radial-gradient(ellipse 600px 200px at 50% 0%,rgba(139,92,246,.06),transparent 70%)}.footer-gradient-line{background:linear-gradient(to right,transparent,rgba(139,92,246,.25),transparent)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.7}}.animate-on-scroll{opacity:0;transform:translateY(24px)}.animate-on-scroll.is-visible{animation:slideUpFade .7s var(--ease-out) forwards}.animate-fade-in{animation:fadeIn .8s var(--ease-out)}.cta-primary{position:relative;overflow:hidden;transition:all .35s var(--ease-spring)}.cta-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 60%);opacity:0;transition:opacity .35s ease}.cta-primary:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--brand-400),var(--brand-600),var(--brand-400));opacity:0;z-index:-1;transition:opacity .35s ease}.cta-primary:hover:after,.cta-primary:hover:before{opacity:1}.cta-primary:hover{transform:translateY(-3px) scale(1.03);background:var(--brand-500);box-shadow:0 0 0 4px #8b5cf61f,0 12px 40px -8px #8b5cf659}:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px;border-radius:var(--radius-sm)}pre{transition:border-color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a78bfa33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a78bfa59}@keyframes ink-drift-1{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(40px,-25px) rotate(8deg) scale(1.06)}50%{transform:translate(-20px,35px) rotate(-5deg) scale(.95)}75%{transform:translate(-35px,-15px) rotate(3deg) scale(1.03)}}@keyframes ink-drift-2{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-50px,30px) rotate(-12deg) scale(1.08)}66%{transform:translate(30px,-40px) rotate(6deg) scale(.93)}}@keyframes ink-drift-3{0%,to{transform:translate(0) rotate(0) scale(1)}40%{transform:translate(25px,45px) rotate(10deg) scale(1.05)}80%{transform:translate(-45px,-20px) rotate(-7deg) scale(.96)}}@keyframes ink-drift-4{0%,to{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(-30px,-50px) rotate(-9deg) scale(1.07)}}@keyframes ink-drift-5{0%,to{transform:translate(0) rotate(0) scale(1)}30%{transform:translate(55px,-10px) rotate(15deg) scale(1.04)}70%{transform:translate(-40px,25px) rotate(-4deg) scale(.97)}}.blog-ink-bleed{position:absolute;border-radius:40% 60% 55% 45%;filter:blur(75px);will-change:transform;mix-blend-mode:screen}.blog-ink-bleed-1{top:-8%;right:5%;width:520px;height:480px;background:radial-gradient(ellipse at 40% 45%,#6350b48c,#6350b433);animation:ink-drift-1 26s ease-in-out infinite}.blog-ink-bleed-2{top:10%;left:-3%;width:380px;height:340px;background:radial-gradient(ellipse at 55% 50%,#8b5cf66b,#8b5cf626);animation:ink-drift-2 30s ease-in-out infinite;border-radius:50% 45% 60% 38%}.blog-ink-bleed-3{top:25%;left:30%;width:280px;height:250px;background:radial-gradient(ellipse at 50% 40%,#f59e0b4d,#f59e0b1a);animation:ink-drift-3 24s ease-in-out infinite;border-radius:55% 38% 45% 60%}.blog-ink-bleed-4{top:40%;right:10%;width:240px;height:220px;background:radial-gradient(ellipse at 45% 55%,#6366f140,#6366f114);animation:ink-drift-4 28s ease-in-out infinite;border-radius:42% 58% 50% 44%}.blog-ink-bleed-5{top:5%;left:45%;width:200px;height:180px;background:radial-gradient(ellipse at 50% 50%,#a78bfa38,#a78bfa0f);animation:ink-drift-5 32s ease-in-out infinite;border-radius:48% 52% 44% 56%}:root:not(.dark) .blog-ink-bleed{mix-blend-mode:multiply}:root:not(.dark) .blog-ink-bleed-1{background:radial-gradient(ellipse at 40% 45%,#6350b42e,#6350b40f)}:root:not(.dark) .blog-ink-bleed-2{background:radial-gradient(ellipse at 55% 50%,#8b5cf624,#8b5cf60a)}:root:not(.dark) .blog-ink-bleed-3{background:radial-gradient(ellipse at 50% 40%,#f59e0b1f,#f59e0b08)}:root:not(.dark) .blog-ink-bleed-4{background:radial-gradient(ellipse at 45% 55%,#6366f11a,#6366f108)}:root:not(.dark) .blog-ink-bleed-5{background:radial-gradient(ellipse at 50% 50%,#a78bfa14,#a78bfa05)}.blog-ink-bleed-subtle{filter:blur(60px);mix-blend-mode:screen}.blog-ink-bleed-subtle-1{top:-10%;right:8%;width:420px;height:350px;background:radial-gradient(ellipse at 45% 45%,#6350b466,#6350b424);animation:ink-drift-1 30s ease-in-out infinite;border-radius:44% 56% 52% 40%;filter:blur(65px)}.blog-ink-bleed-subtle-2{top:12%;left:-5%;width:300px;height:260px;background:radial-gradient(ellipse at 50% 50%,#8b5cf652,#8b5cf61a);animation:ink-drift-2 34s ease-in-out infinite;border-radius:52% 42% 48% 54%;filter:blur(60px)}.blog-ink-bleed-subtle-3{top:30%;left:50%;width:220px;height:190px;background:radial-gradient(ellipse at 50% 45%,#f59e0b38,#f59e0b12);animation:ink-drift-4 28s ease-in-out infinite;border-radius:40% 60% 50% 48%;filter:blur(50px)}:root:not(.dark) .blog-ink-bleed-subtle{mix-blend-mode:multiply}:root:not(.dark) .blog-ink-bleed-subtle-1{background:radial-gradient(ellipse at 45% 45%,#6350b429,#6350b40d)}:root:not(.dark) .blog-ink-bleed-subtle-2{background:radial-gradient(ellipse at 50% 50%,#8b5cf61c,#8b5cf60a)}:root:not(.dark) .blog-ink-bleed-subtle-3{background:radial-gradient(ellipse at 50% 45%,#f59e0b14,#f59e0b08)}.calligraphy-grid{background-image:linear-gradient(to right,rgba(167,139,250,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(167,139,250,.12) 1px,transparent 1px),linear-gradient(to right,rgba(167,139,250,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(167,139,250,.07) 1px,transparent 1px);background-size:60px 60px,60px 60px,60px 60px,60px 60px;background-position:0 0,0 0,30px 0,0 30px}:root:not(.dark) .calligraphy-grid{background-image:linear-gradient(to right,rgba(124,58,237,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(124,58,237,.07) 1px,transparent 1px),linear-gradient(to right,rgba(124,58,237,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(124,58,237,.04) 1px,transparent 1px)}.blog-gradient-wash{background:radial-gradient(ellipse 70% 50% at 80% 20%,rgba(245,158,11,.12),transparent 60%),radial-gradient(ellipse 60% 45% at 20% 60%,rgba(139,92,246,.14),transparent 55%),radial-gradient(ellipse 50% 40% at 50% 40%,rgba(99,80,180,.08),transparent 50%)}:root:not(.dark) .blog-gradient-wash{background:radial-gradient(ellipse 70% 50% at 80% 20%,rgba(245,158,11,.06),transparent 60%),radial-gradient(ellipse 60% 45% at 20% 60%,rgba(139,92,246,.07),transparent 55%),radial-gradient(ellipse 50% 40% at 50% 40%,rgba(99,80,180,.04),transparent 50%)}@media (prefers-reduced-motion: reduce){.blog-ink-bleed,[class*=blog-ink-bleed-subtle]{animation:none!important}}::-moz-selection{background:#8b5cf640;color:inherit}::selection{background:#8b5cf640;color:inherit}