:root{--bg: #0a0a0f;--surface: #151519;--surface-2: #1c1c22;--surface-3: #242429;--border: rgba(255,255,255,.08);--border-glow: rgba(168,85,247,.15);--muted: #9090a0;--text: #f5f5fa;--brand: #9f7aea;--brand-dark: #805ad5;--brand-light: #b794f4;--brand-glow: rgba(159,122,234,.3);--accent-red: #ef4444;--accent-pink: #ec4899;--accent-orange: #f97316;--accent-coral: #fb7185;--accent-green: #22c55e;--accent-cyan: #06b6d4;--success: #22c55e;--success-glow: rgba(34,197,94,.25);--danger: #ef4444;--danger-glow: rgba(239,68,68,.25);--gradient-cta: linear-gradient(135deg, #805ad5 0%, #9f7aea 50%, #f97316 100%);--gradient-ring: linear-gradient(135deg, #805ad5, #ec4899, #f97316);--gradient-glow: linear-gradient(135deg, rgba(128,90,213,.4), rgba(249,115,22,.4));--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.45);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-glow: 0 4px 20px rgba(159,122,234,.3), 0 4px 20px rgba(249,115,22,.15)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:60px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}body{margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:16px 24px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-decoration:none;width:100%;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.3) 0%,transparent 60%);opacity:0;transition:opacity .3s}.btn:active:after{opacity:1}.btn:active{transform:scale(.96);transition:transform .1s}.btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:var(--shadow-lg),0 0 0 4px var(--brand)}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow);border:none;font-weight:600;background-size:200% auto;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg),0 12px 40px #9f7aea80,0 12px 40px #f9731640}.btn-primary:hover svg{animation:iconBounce .4s ease}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.section-title{font-size:20px;font-weight:700;text-align:center;margin:0 0 16px;letter-spacing:-.02em}.section-title span{color:var(--muted);font-weight:500}::selection{background:var(--brand);color:#fff}img{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%}img[src]{background:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #9f7aea4d,0 4px 20px #f9731626}50%{box-shadow:0 4px 30px #9f7aea80,0 4px 30px #f973164d}}