:root,html[data-theme=dark]{--bg: #0b0b1a;--bg-2: #14142b;--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--text: #f4f4ff;--text-dim: #b4b4d4;--text-mute: #8888a8;--shadow-color: 0, 0, 0;--device-shadow: 0 50px 100px -20px rgba(0,0,0,.7);--c1: #ff4ecd;--c2: #7b5cff;--c3: #00d4ff;--c4: #ffb547;--c5: #2ee6a8;--grad-1: linear-gradient(135deg, #ff4ecd 0%, #7b5cff 50%, #00d4ff 100%);--grad-2: linear-gradient(135deg, #ffb547 0%, #ff4ecd 100%);--grad-3: linear-gradient(135deg, #2ee6a8 0%, #00d4ff 100%);--radius: 18px;--radius-lg: 28px;--shadow-lg: 0 30px 80px -20px rgba(123, 92, 255, .35);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--grain-opacity: .04;--glow-opacity: .18}html[data-theme=light]{--bg: #f6f7fb;--bg-2: #ffffff;--surface: rgba(11, 11, 26, .04);--surface-strong: rgba(11, 11, 26, .07);--border: rgba(11, 11, 26, .1);--text: #14142b;--text-dim: #4a4a6a;--text-mute: #7e7e9a;--device-shadow: 0 40px 80px -20px rgba(20,20,43,.25);--shadow-lg: 0 30px 80px -20px rgba(123, 92, 255, .25);--grain-opacity: .025;--glow-opacity: .12}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Cairo,Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden;transition:background .4s,color .4s}html[lang=en] body{font-family:Space Grotesk,Cairo,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--c2);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--c1),var(--c2));border-radius:8px}.skip-link{position:fixed;top:8px;inset-inline-start:8px;padding:10px 16px;background:var(--c2);color:#fff;border-radius:10px;font-weight:700;font-size:.9rem;z-index:200;transform:translateY(-200%);transition:transform .25s var(--ease-out);box-shadow:0 10px 30px -8px var(--c2)}.skip-link:focus-visible{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--c3);outline-offset:3px;border-radius:8px}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}.cursor-glow{position:fixed;top:0;inset-inline-start:0;width:540px;height:540px;pointer-events:none;z-index:1;transform:translate3d(var(--cx, -1000px),var(--cy, -1000px),0) translate(-50%,-50%);background:radial-gradient(circle,rgba(123,92,255,var(--glow-opacity)) 0%,transparent 60%);filter:blur(40px);transition:opacity .4s var(--ease-out);will-change:transform}.cursor-glow.hidden{opacity:0}@media(max-width:768px){.cursor-glow{display:none}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.section{padding:110px 0 60px;position:relative}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;margin:0 0 12px;background:var(--grad-1);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;position:relative}.section-title:after{content:"";position:absolute;inset-inline-start:0;bottom:-8px;height:4px;width:0;background:var(--grad-1);border-radius:4px;transition:width 1s var(--ease-out) .3s}.in-view .section-title:after,.section-title.in-view:after{width:60%}.section-sub{color:var(--text-dim);margin:0 0 48px;font-size:1.05rem}.reveal{opacity:0;transition:opacity .8s var(--ease-out),transform .9s var(--ease-out),filter .8s var(--ease-out);will-change:opacity,transform}.reveal-up{transform:translateY(40px)}.reveal-down{transform:translateY(-40px)}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal-scale{transform:scale(.92);filter:blur(6px)}.reveal-fade{transform:none}.reveal.in-view{opacity:1;transform:none;filter:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:.9}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes blob-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.95)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}html[dir=rtl] .marquee-track{animation-direction:reverse}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important;filter:none!important}.cursor-glow{display:none}}