:root{--void: #04040A;--space: #080916;--space-2: #0C0E20;--panel: rgba(255, 255, 255, .035);--panel-2: rgba(255, 255, 255, .06);--line: rgba(139, 122, 255, .16);--line-bright: rgba(139, 122, 255, .4);--ink: #ECEAFF;--mist: #A6A2CC;--faint: rgba(236, 234, 255, .5);--ghost: rgba(236, 234, 255, .34);--violet: #8B5CF6;--violet-bright: #A78BFA;--cyan: #29D5EE;--rose: #FB7BAC;--gold: #E8B84B;--gold-soft: #F6D68A;--grad-aurora: linear-gradient(100deg, #8B5CF6 0%, #29D5EE 50%, #FB7BAC 100%);--grad-halo: radial-gradient(circle at 50% 40%, #A78BFA 0%, #6D4BD6 55%, #29122E 100%);--grad-ink: linear-gradient(180deg, #ECEAFF 0%, #B7ACEF 100%);--grad-gold: linear-gradient(90deg, #F6D68A, #E8B84B);--font-display: "Cinzel", "Georgia", serif;--font-serif: "Cormorant Garamond", "Georgia", serif;--font-hud: "Space Grotesk", "Helvetica Neue", sans-serif;--radius: 18px;--radius-lg: 26px;--shadow-card: 0 24px 60px -24px rgba(0, 0, 0, .8);--shadow-glow: 0 0 50px -8px rgba(139, 92, 246, .45)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--void)}body{font-family:var(--font-serif);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:#8b5cf659;color:#fff}.hud{font-family:var(--font-hud);font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--faint)}.hud-gold{color:var(--gold)}.hud-violet{color:var(--violet-bright)}.grad-text{background:var(--grad-ink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.aurora-text{background:var(--grad-aurora);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}.gold-text{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tilt-scene{perspective:1100px}.tilt{position:relative;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;will-change:transform}.tilt-layer{transform:translateZ(38px);transform-style:preserve-3d}.tilt-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--gx, 50%) var(--gy, 0%),rgba(255,255,255,.14),rgba(139,92,246,.08) 30%,transparent 60%);opacity:0;transition:opacity .35s ease;z-index:3}.tilt.is-hot .tilt-glare{opacity:1}.glass{position:relative;background:linear-gradient(180deg,#ffffff0d,#ffffff04),#0a0b1a8c;border:1px solid var(--line);border-radius:var(--radius-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-card);overflow:hidden}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(139,92,246,.55),transparent 40%,rgba(41,213,238,.35) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}.glass.is-hot{border-color:var(--line-bright);box-shadow:var(--shadow-card),var(--shadow-glow)}.btn{font-family:var(--font-hud);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d4bd6);border:none;border-radius:14px;padding:15px 30px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 10px 30px -10px #8b5cf6b3}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px #8b5cf6e6}.btn:active{transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid var(--line-bright);color:var(--violet-bright);box-shadow:none}.btn-ghost:hover{background:#8b5cf61a;box-shadow:none}.btn-gold{background:var(--grad-gold);color:#1a1205;box-shadow:0 10px 30px -10px #e8b84bb3}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}@keyframes shimmer{0%{background-position:0% center}to{background-position:220% center}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulseRing{0%{transform:scale(.75);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes breathe{0%,to{opacity:.55;filter:blur(48px)}50%{opacity:.9;filter:blur(60px)}}@keyframes flicker{0%,to{opacity:.9}50%{opacity:.5}}@keyframes scrollcue{0%{transform:translateY(0);opacity:0}40%{opacity:1}to{transform:translateY(14px);opacity:0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a3a7a,#241a44);border-radius:20px;border:2px solid var(--void)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6d4bd6,#4a3a7a)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}