:root{--bg: #030304;--bg-elevated: #08080c;--bg-card: #0a0a0f;--bg-glass: rgba(12, 12, 18, .6);--brand-dark: #650599;--brand-light: #c25df9;--border: rgba(194, 93, 249, .12);--border-glow: rgba(194, 93, 249, .4);--purple-950: #2a0540;--purple-900: #3d0860;--purple-800: #650599;--purple-600: #650599;--purple-500: #7b2db8;--purple-400: #c25df9;--purple-300: #d08cfb;--purple-glow: rgba(194, 93, 249, .45);--purple-glow-strong: rgba(194, 93, 249, .6);--text: #f4f4f5;--text-muted: #a1a1aa;--text-subtle: #71717a;--white: #ffffff;--font: "Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3{font-family:var(--font);letter-spacing:-.02em}@keyframes glow-pulse{0%,to{opacity:.6;filter:blur(60px)}50%{opacity:.9;filter:blur(80px)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.05)}66%{transform:translate(-10px,10px) scale(.98)}}@keyframes scan-line{0%{transform:translateY(-100%);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(100vh);opacity:0}}@keyframes border-glow{0%,to{box-shadow:0 0 20px var(--purple-glow)}50%{box-shadow:0 0 40px var(--purple-glow-strong)}}@keyframes bg-gradient-drift{0%,to{opacity:.7;transform:scale(1) translate(0)}33%{opacity:.85;transform:scale(1.08) translate(3%,2%)}66%{opacity:.75;transform:scale(.97) translate(-2%,-1%)}}@keyframes bg-grid-shift{0%,to{opacity:.08;background-position:0 0}50%{opacity:.14;background-position:40px 40px}}@keyframes float-dot{0%,to{transform:translate(0);opacity:.2}25%{transform:translate(10px,-15px);opacity:.35}50%{transform:translate(-6px,8px);opacity:.28}75%{transform:translate(8px,6px);opacity:.32}}@keyframes msg-arrive-left{0%{opacity:0;transform:translate(-32px) translateY(8px) scale(.94);filter:blur(2px)}18%{opacity:.58;transform:translate(0) translateY(0) scale(1);filter:blur(1px)}75%{opacity:.58;transform:translate(0) translateY(0) scale(1);filter:blur(1px)}to{opacity:0;transform:translate(-16px) translateY(-4px) scale(.97);filter:blur(2px)}}@keyframes msg-arrive-right{0%{opacity:0;transform:translate(32px) translateY(8px) scale(.94);filter:blur(2px)}18%{opacity:.58;transform:translate(0) translateY(0) scale(1);filter:blur(1px)}75%{opacity:.58;transform:translate(0) translateY(0) scale(1);filter:blur(1px)}to{opacity:0;transform:translate(16px) translateY(-4px) scale(.97);filter:blur(2px)}}@keyframes msg-arrive-bottom{0%{opacity:0;transform:translateY(40px) scale(.94);filter:blur(2px)}18%{opacity:.58;transform:translateY(0) scale(1);filter:blur(1px)}75%{opacity:.58;transform:translateY(0) scale(1);filter:blur(1px)}to{opacity:0;transform:translateY(-24px) scale(.97);filter:blur(2px)}}@keyframes msg-arrive-top{0%{opacity:0;transform:translateY(-40px) scale(.94);filter:blur(2px)}18%{opacity:.58;transform:translateY(0) scale(1);filter:blur(1px)}75%{opacity:.58;transform:translateY(0) scale(1);filter:blur(1px)}to{opacity:0;transform:translateY(24px) scale(.97);filter:blur(2px)}}@keyframes msg-glow{0%,to{box-shadow:0 4px 24px #c25df914}50%{box-shadow:0 6px 32px #c25df91f}}.animate-on-scroll,.animate-from-left,.animate-from-right,.animate-scale-in{backface-visibility:hidden;-webkit-backface-visibility:hidden}.animate-on-scroll{opacity:0;transform:translateY(36px) translateZ(0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.animate-on-scroll.visible,.animate-on-scroll.visible .animate-on-scroll{opacity:1;transform:translateY(0) translateZ(0)}.animate-on-scroll.visible .animate-from-left,.animate-on-scroll.visible .animate-from-right{opacity:1;transform:translate(0) translateY(0) translateZ(0)}.animate-on-scroll.visible .animate-scale-in{opacity:1;transform:scale(1) translateY(0) translateZ(0)}.animate-from-left{opacity:0;transform:translate(-48px) translateY(12px) translateZ(0);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.animate-from-left.visible{opacity:1;transform:translate(0) translateY(0) translateZ(0)}.animate-from-right{opacity:0;transform:translate(48px) translateY(12px) translateZ(0);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.animate-from-right.visible{opacity:1;transform:translate(0) translateY(0) translateZ(0)}.animate-scale-in{opacity:0;transform:scale(.94) translateY(20px) translateZ(0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.animate-scale-in.visible{opacity:1;transform:scale(1) translateY(0) translateZ(0)}@media (max-width: 767px){.animate-on-scroll{transform:translateY(24px) translateZ(0);transition-duration:.5s}.animate-from-left{transform:translate(-28px) translateY(8px) translateZ(0);transition-duration:.5s}.animate-from-right{transform:translate(28px) translateY(8px) translateZ(0);transition-duration:.5s}.animate-scale-in{transform:scale(.97) translateY(12px) translateZ(0);transition-duration:.45s}.animate-on-scroll.delay-1,.animate-from-left.delay-1,.animate-from-right.delay-1,.animate-scale-in.delay-1{transition-delay:.03s}.animate-on-scroll.delay-2,.animate-from-left.delay-2,.animate-from-right.delay-2,.animate-scale-in.delay-2{transition-delay:.06s}.animate-on-scroll.delay-3,.animate-from-left.delay-3,.animate-from-right.delay-3,.animate-scale-in.delay-3{transition-delay:.09s}.animate-on-scroll.delay-4,.animate-from-left.delay-4,.animate-from-right.delay-4,.animate-scale-in.delay-4{transition-delay:.12s}.animate-on-scroll.delay-5,.animate-from-left.delay-5,.animate-from-right.delay-5,.animate-scale-in.delay-5{transition-delay:.15s}.animate-on-scroll.delay-6,.animate-from-left.delay-6,.animate-from-right.delay-6,.animate-scale-in.delay-6{transition-delay:.18s}}.animate-on-scroll.delay-1,.animate-from-left.delay-1,.animate-from-right.delay-1,.animate-scale-in.delay-1{transition-delay:.06s}.animate-on-scroll.delay-2,.animate-from-left.delay-2,.animate-from-right.delay-2,.animate-scale-in.delay-2{transition-delay:.12s}.animate-on-scroll.delay-3,.animate-from-left.delay-3,.animate-from-right.delay-3,.animate-scale-in.delay-3{transition-delay:.18s}.animate-on-scroll.delay-4,.animate-from-left.delay-4,.animate-from-right.delay-4,.animate-scale-in.delay-4{transition-delay:.24s}.animate-on-scroll.delay-5,.animate-from-left.delay-5,.animate-from-right.delay-5,.animate-scale-in.delay-5{transition-delay:.32s}.animate-on-scroll.delay-6,.animate-from-left.delay-6,.animate-from-right.delay-6,.animate-scale-in.delay-6{transition-delay:.4s}.section-label{display:inline-block;font-family:var(--font);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-400);margin-bottom:.75rem;position:relative;padding-left:1.25rem}.section-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:2px;background:linear-gradient(90deg,var(--purple-500),var(--purple-400));border-radius:1px}.section-title{font-family:var(--font);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;color:var(--text);margin:0}.section-title-accent{background:linear-gradient(135deg,var(--purple-300),var(--purple-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;transition:border-color .3s,box-shadow .3s,transform .3s}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 0 0 1px #c25df91a,0 12px 40px -12px var(--purple-glow);transform:translateY(-4px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.75rem;background:linear-gradient(135deg,var(--purple-600),var(--purple-500));color:var(--white);font-family:var(--font);font-weight:600;font-size:.9375rem;letter-spacing:.02em;border-radius:10px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 0 0 1px #ffffff14 inset,0 4px 24px var(--purple-glow);transition:transform .2s,box-shadow .2s,filter .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff1f inset,0 12px 40px var(--purple-glow-strong)}.btn-primary:active{transform:translateY(0)}