:root{--bg-main: #070a12;--bg-secondary: #0c1222;--bg-tertiary: #131b2e;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(30, 41, 59, .85);--border-subtle: rgba(255, 255, 255, .09);--border-active: rgba(59, 130, 246, .5);--brand-primary: #3b82f6;--brand-indigo: #6366f1;--brand-cyan: #06b6d4;--brand-emerald: #10b981;--brand-amber: #f59e0b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Outfit", var(--font-sans);--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;line-height:1.6;min-height:100vh;background-color:#070a12;color:#f8fafc}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#070a12}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px;border:1px solid rgba(255,255,255,.06)}::-webkit-scrollbar-thumb:hover{background:#334155}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.gradient-text{background:linear-gradient(135deg,#38bdf8,#60a5fa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ambient-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.28;will-change:transform;animation:floatOrb 18s ease-in-out infinite alternate}.orb-1{top:-8%;left:12%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.6),transparent 70%)}.orb-2{top:30%;right:-5%;width:700px;height:700px;background:radial-gradient(circle,rgba(79,70,229,.55),transparent 70%);animation-duration:22s;animation-delay:-5s}.orb-3{bottom:10%;left:5%;width:650px;height:650px;background:radial-gradient(circle,rgba(6,182,212,.5),transparent 70%);animation-duration:26s;animation-delay:-10s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}to{transform:translate(-30px,40px) scale(.96)}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 50%,transparent 90%);mask-image:radial-gradient(ellipse at 50% 30%,black 50%,transparent 90%);pointer-events:none}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:0 20px 40px -15px #0009;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#3b82f666;box-shadow:0 25px 50px -12px #2563eb26}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:#38bdf8;border-radius:50%;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:transform .08s ease-out,opacity .2s ease;box-shadow:0 0 10px #38bdf8cc}.cursor-glow{position:fixed;top:0;left:0;width:36px;height:36px;border:1.5px solid rgba(56,189,248,.45);border-radius:50%;z-index:9998;pointer-events:none;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.16,1,.3,1),width .25s ease,height .25s ease,background-color .25s ease}.cursor-hover .cursor-glow{width:54px;height:54px;background-color:#38bdf81f;border-color:#38bdf8cc}.floating-badge{animation:floatBadge 6s ease-in-out infinite alternate}.badge-top-right{animation-delay:0s}.badge-bottom-left{animation-delay:-3s}@keyframes floatBadge{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spinSlow 12s linear infinite}@keyframes bounceSlow{0%,to{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-6px) rotate(15deg)}}.animate-bounce-slow{animation:bounceSlow 4s ease-in-out infinite}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1e293b;border-radius:9999px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 0 10px #3b82f699;border:2px solid #0f172a;transition:transform .15s ease,background-color .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);background:#60a5fa}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media(max-width:640px){.ambient-orb{filter:blur(80px);opacity:.22}}.auto-scale-badge{font-size:clamp(8px,2.6vw,12px);line-height:1.35;white-space:nowrap;letter-spacing:-.01em}