:root{--bg-deep: #0c0614;--bg-surface: #140b22;--bg-surface-elevated: #1e1136;--bg-card: rgba(28, 14, 48, .65);--bg-card-hover: rgba(43, 21, 74, .75);--primary-purple: #a855f7;--primary-purple-glow: rgba(168, 85, 247, .45);--primary-pink: #ec4899;--primary-pink-glow: rgba(236, 72, 153, .45);--fuchsia-bright: #d946ef;--lavender-soft: #e9d5ff;--blush-pink: #fbcfe8;--violet-vivid: #8b5cf6;--indigo-deep: #6366f1;--text-main: #fdf4ff;--text-muted: #d8b4fe;--text-dim: #a891c9;--text-dark: #120324;--border-glass: rgba(216, 180, 254, .16);--border-glass-bright: rgba(236, 72, 153, .35);--glass-blur: blur(18px);--gradient-purple-pink: linear-gradient(135deg, #a855f7 0%, #ec4899 50%, #f43f5e 100%);--gradient-pink-purple: linear-gradient(135deg, #f472b6 0%, #c084fc 50%, #818cf8 100%);--gradient-glow: radial-gradient(circle, rgba(236, 72, 153, .22) 0%, rgba(168, 85, 247, .12) 50%, transparent 80%);--gradient-card: linear-gradient(145deg, rgba(38, 18, 64, .75) 0%, rgba(20, 10, 35, .85) 100%);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-glow-purple: 0 0 25px rgba(168, 85, 247, .35);--shadow-glow-pink: 0 0 25px rgba(236, 72, 153, .4);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .5), 0 0 1px 1px rgba(255, 255, 255, .08);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-playful: "Fredoka", cursive, sans-serif;--trans-fast: .2s cubic-bezier(.16, 1, .3, 1);--trans-smooth: .35s cubic-bezier(.16, 1, .3, 1);--trans-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--hero-title-gradient: linear-gradient(90deg, #fbcfe8 0%, #f472b6 22%, #c084fc 46%, #e879f9 68%, #fb7185 86%, #fbcfe8 100%);--hero-title-shadow: drop-shadow(0 4px 20px rgba(236, 72, 153, .35));--bubble-bg: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .38) 0%, rgba(244, 114, 182, .22) 30%, rgba(168, 85, 247, .16) 62%, rgba(26, 11, 44, .72) 100%);--bubble-border: rgba(255, 255, 255, .48);--bubble-shadow: inset 3px 4px 8px rgba(255, 255, 255, .5), inset -3px -4px 10px rgba(236, 72, 153, .4), inset 0 0 16px rgba(192, 132, 252, .25), 0 10px 32px rgba(0, 0, 0, .5), 0 0 25px rgba(236, 72, 153, .3);--bubble-shadow-hover: inset 4px 5px 12px rgba(255, 255, 255, .7), inset -4px -5px 14px rgba(236, 72, 153, .55), inset 0 0 22px rgba(236, 72, 153, .4), 0 16px 44px rgba(0, 0, 0, .65), 0 0 35px rgba(236, 72, 153, .7);--bubble-icon-color: #ffd6ee;--bubble-icon-glow: drop-shadow(0 2px 8px rgba(255, 112, 186, .5))}[data-theme=light]{--bg-deep: #ffbfe3;--bg-surface: #ffa6d8;--bg-surface-elevated: #ff8ecb;--bg-card: rgba(255, 255, 255, .82);--bg-card-hover: rgba(255, 255, 255, .95);--primary-purple: #7912a8;--primary-purple-glow: rgba(121, 18, 168, .35);--primary-pink: #c2136e;--primary-pink-glow: rgba(194, 19, 110, .4);--fuchsia-bright: #a20875;--lavender-soft: #4a0364;--blush-pink: #5a0446;--violet-vivid: #6a0d99;--indigo-deep: #342894;--text-main: #14011c;--text-muted: #3a0347;--text-dim: #540666;--text-dark: #ffffff;--border-glass: rgba(162, 8, 117, .28);--border-glass-bright: rgba(162, 8, 117, .55);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(255, 226, 243, .95) 100%);--shadow-sm: 0 4px 15px rgba(162, 8, 117, .16);--shadow-glow-purple: 0 0 25px rgba(121, 18, 168, .25);--shadow-glow-pink: 0 0 25px rgba(194, 19, 110, .35);--shadow-card: 0 10px 30px -5px rgba(162, 8, 117, .2), 0 0 1px 1px rgba(255, 255, 255, .8);--hero-title-gradient: linear-gradient(90deg, #180121 0%, #4a0468 22%, #7e119b 48%, #9d0c5a 72%, #4a0468 88%, #180121 100%);--hero-title-shadow: drop-shadow(0 2px 10px rgba(70, 4, 93, .25));--bubble-bg: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .98) 0%, rgba(255, 226, 244, .85) 32%, rgba(244, 114, 182, .38) 68%, rgba(255, 255, 255, .85) 100%);--bubble-border: rgba(255, 255, 255, .95);--bubble-shadow: inset 3px 4px 9px rgba(255, 255, 255, .98), inset -3px -4px 12px rgba(184, 18, 120, .28), 0 10px 28px rgba(184, 18, 120, .2), 0 0 20px rgba(244, 114, 182, .35);--bubble-shadow-hover: inset 4px 5px 12px rgba(255, 255, 255, 1), inset -4px -5px 14px rgba(184, 18, 120, .38), 0 16px 40px rgba(184, 18, 120, .35), 0 0 30px rgba(219, 39, 119, .5);--bubble-icon-color: #1a0124;--bubble-icon-glow: drop-shadow(0 1px 2px rgba(255, 255, 255, .8))}[data-theme=light] body{background:radial-gradient(circle at 50% 30%,#ffd4ec 0%,#ffb8e0 50%,#ffa3d5 100%)}[data-theme=light] .ambient-orb-1{background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(244,114,182,.4) 60%,transparent 80%)}[data-theme=light] .ambient-orb-2{background:radial-gradient(circle,rgba(236,72,153,.35) 0%,rgba(192,132,252,.3) 70%,transparent 80%)}