@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");:root{--bg-color:#05040a;--card-bg:rgba(13,11,23,0.7);--card-border:rgba(139,92,246,0.15);--card-border-glow:rgba(139,92,246,0.35);--primary-color:#8b5cf6;--primary-glow:rgba(139,92,246,0.5);--primary-dark:#6d28d9;--secondary-color:#d97706;--secondary-glow:rgba(217,119,6,0.4);--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#05040a;--success-color:#10b981;--error-color:#f43f5e;--font-display:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.12) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.1) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(217,119,6,.05) 0,transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}a{color:inherit;text-decoration:none}::selection{background:var(--primary-glow);color:var(--text-main)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2rem;font-family:var(--font-display);font-weight:600;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#ffffff;box-shadow:0 4px 20px rgba(139,92,246,.4);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:.6s}.btn-primary:hover:after{transform:translateX(100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(139,92,246,.6)}.btn-primary:disabled{opacity:.6;transform:none;box-shadow:none;cursor:not-allowed}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px rgba(0,0,0,.4);transition:all .3s ease}.glass-card:hover{border-color:var(--card-border-glow);box-shadow:0 12px 40px rgba(139,92,246,.15)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-family:var(--font-display);font-weight:500;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.form-input{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1.2rem;color:var(--text-main);font-family:var(--font-body);font-size:1rem;transition:all .3s ease;outline:none}.form-input:focus{border-color:var(--primary-color);background:rgba(255,255,255,.05);box-shadow:0 0 15px rgba(139,92,246,.15)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.form-row{grid-template-columns:1fr;gap:0}}.checkbox-label{display:flex;align-items:flex-start;gap:.8rem;font-size:.9rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);width:18px;height:18px;border-radius:4px;display:grid;place-content:center;cursor:pointer;margin-top:.15rem;transition:all .2s ease}.checkbox-input:checked{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-input:checked:before{content:"✓";color:#fff;font-size:11px;font-weight:700}.disclaimer-box{background:rgba(217,119,6,.06);border:1px solid var(--secondary-glow);color:#ffedd5;border-radius:12px;padding:1rem 1.5rem;font-size:.9rem;display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.disclaimer-icon{font-size:1.4rem;line-height:1;color:var(--secondary-color);flex-shrink:0}.navbar{padding:1.5rem 0;border-b:1px solid rgba(255,255,255,.03);background:rgba(5,4,10,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between}.logo,.nav-container{display:flex;align-items:center}.logo{font-family:var(--font-display);font-weight:800;font-size:1.3rem;background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;gap:.5rem}.logo-icon{font-size:1.4rem}.hero{padding:6rem 0 4rem;text-align:center}.hero-tag{display:inline-flex;padding:.4rem 1.2rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:50px;color:#c084fc;font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff 40%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:680px;margin:0 auto 2.5rem}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem;margin:4rem 0}.footer{text-align:center;padding:4rem 0;color:rgba(255,255,255,.2);font-size:.85rem;border-top:1px solid rgba(255,255,255,.03)}.star-decor{position:absolute;background:#fff;border-radius:50%;pointer-events:none}@keyframes star-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes nebula-pulse{0%,to{opacity:.6;filter:hue-rotate(0deg) saturate(1)}50%{opacity:.9;filter:hue-rotate(30deg) saturate(1.2)}}@keyframes orbit-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes soundwave{0%,to{height:4px}50%{height:28px}}.cosmic-nebula{top:5%;left:50%;transform:translateX(-50%);width:100vw;height:800px;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.18) 0,rgba(99,102,241,.08) 35%,transparent 70%);filter:blur(80px);z-index:0;animation:nebula-pulse 12s ease-in-out infinite}.cosmic-nebula,.starfield{position:absolute;pointer-events:none}.starfield{top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shimmer-star{position:absolute;background-color:#ffffff;border-radius:50%;box-shadow:0 0 4px #ffffff;animation:star-pulse var(--shimmer-duration,4s) ease-in-out infinite;animation-delay:var(--shimmer-delay,0s)}.parallax-canvas{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding-bottom:6rem}.parallax-layer{position:absolute;inset:0;width:100%;height:120%;pointer-events:none;will-change:transform}.layer-bg{z-index:1}.layer-mid{z-index:2}.layer-fore{z-index:3}.layer-interactive{z-index:4;pointer-events:auto}@keyframes parallax-bg-motion{to{transform:translateY(180px)}}@keyframes parallax-mid-motion{to{transform:translateY(-80px)}}@keyframes parallax-fore-motion{to{transform:translateY(-160px)}}@keyframes rotate-zodiac-motion{to{transform:rotate(120deg)}}@supports ((animation-timeline:view()) and (animation-range:entry)){.scroll-parallax-bg{animation:parallax-bg-motion linear both;animation-timeline:scroll(root)}.scroll-parallax-mid{animation:parallax-mid-motion linear both;animation-timeline:scroll(root)}.scroll-parallax-fore{animation:parallax-fore-motion linear both;animation-timeline:scroll(root)}.scroll-rotate-zodiac{animation:rotate-zodiac-motion linear both;animation-timeline:scroll(root)}}.zodiac-selector-container{width:100%;max-width:900px;margin:3rem auto 0;padding:1.5rem;background:rgba(13,11,23,.55);border:1px solid rgba(139,92,246,.15);border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.zodiac-selector-title{text-align:center;font-size:1.1rem;font-weight:600;color:#c084fc;margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-display)}.zodiac-grid-selector{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.75rem;gap:.75rem}@media (max-width:768px){.zodiac-grid-selector{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.zodiac-grid-selector{grid-template-columns:repeat(3,1fr)}}.zodiac-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-muted)}.zodiac-btn:hover{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.3);color:var(--text-main);transform:translateY(-2px)}.zodiac-btn.active{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(217,119,6,.1));border-color:var(--primary-color);box-shadow:0 0 15px rgba(139,92,246,.25);color:#ffffff;transform:translateY(-2px)}.zodiac-btn-glyph{font-size:1.6rem;margin-bottom:.25rem;line-height:1;background:linear-gradient(135deg,#ffffff 40%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.zodiac-btn-name{font-size:.75rem;font-weight:500;letter-spacing:.02em}.zodiac-insight-panel{margin-top:1.5rem;padding:1.5rem;background:rgba(139,92,246,.05);border-left:3px solid var(--primary-color);border-radius:0 16px 16px 0;display:flex;gap:1.5rem;align-items:center;animation:fadeIn .4s ease-out}@media (max-width:600px){.zodiac-insight-panel{flex-direction:column;text-align:center;border-left:none;border-top:3px solid var(--primary-color);border-radius:0 0 16px 16px}}.zodiac-insight-badge{font-size:3rem;line-height:1;background:linear-gradient(135deg,#f59e0b,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.zodiac-insight-content h4{font-size:1.1rem;color:#ffffff;margin-bottom:.25rem}.zodiac-insight-content p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.audio-preview-section{margin:6rem 0;text-align:center;position:relative;z-index:5}.audio-preview-title{font-size:2.2rem;margin-bottom:1.5rem;background:linear-gradient(90deg,#ffffff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.audio-player-card{max-width:580px;margin:0 auto;background:linear-gradient(145deg,rgba(20,16,38,.8),rgba(8,6,18,.95));border:1px solid rgba(139,92,246,.25);border-radius:28px;padding:2.5rem;box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 30px rgba(139,92,246,.1);position:relative;overflow:hidden}.audio-player-card:after{content:"";position:absolute;inset:0;border-radius:28px;background:linear-gradient(135deg,transparent 50%,rgba(139,92,246,.05));pointer-events:none}.audio-player-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;text-align:left}.audio-avatar{width:54px;height:54px;background:linear-gradient(135deg,#8b5cf6,#d97706);border-radius:14px;display:grid;place-items:center;font-size:1.6rem;box-shadow:0 4px 15px rgba(139,92,246,.3)}.audio-player-info h4{font-size:1.15rem;color:#ffffff;margin-bottom:.15rem}.audio-player-info p{font-size:.85rem;color:var(--text-muted)}.visualizer-container{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin-bottom:2rem}.visualizer-bar{width:3px;height:4px;background:linear-gradient(0deg,#8b5cf6,#c084fc);border-radius:3px;transition:height .2s ease}.visualizer-bar.active{animation:soundwave var(--duration,1.2s) ease-in-out infinite;animation-delay:var(--delay,0s)}.audio-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.play-pause-btn{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;cursor:pointer;display:grid;place-items:center;color:#ffffff;font-size:1.3rem;box-shadow:0 4px 20px rgba(139,92,246,.45);transition:all .3s ease;flex-shrink:0}.play-pause-btn:hover{transform:scale(1.06);box-shadow:0 6px 24px rgba(139,92,246,.6)}.audio-timeline-container{flex-grow:1}.audio-time-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.audio-slider{width:100%;height:5px;background:rgba(255,255,255,.1);border-radius:5px;position:relative;cursor:pointer}.audio-slider-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#d97706);border-radius:5px;width:0;position:relative}.audio-slider-progress:after{content:"";position:absolute;right:-5px;top:-3.5px;width:12px;height:12px;border-radius:50%;background:#ffffff;box-shadow:0 0 8px rgba(139,92,246,.8)}.journey-timeline-section{padding:6rem 0;position:relative;z-index:5}.journey-timeline-container{max-width:800px;margin:4rem auto 0;position:relative;padding-left:2.5rem}.journey-timeline-container:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(139,92,246,.6) 0,rgba(217,119,6,.5) 50%,rgba(139,92,246,.1));border-radius:1px}.journey-step{position:relative;margin-bottom:4.5rem}.journey-step:last-child{margin-bottom:0}.journey-node{position:absolute;left:-2.5rem;top:.25rem;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#05040a;border:2px solid #8b5cf6;box-shadow:0 0 10px rgba(139,92,246,.8);display:grid;place-items:center;z-index:2;transition:all .5s ease}.journey-step:hover .journey-node{border-color:#d97706;box-shadow:0 0 15px rgba(217,119,6,.9)}.journey-node-dot{width:6px;height:6px;border-radius:50%;background:#8b5cf6;transition:all .5s ease}.journey-step:hover .journey-node-dot{background:#d97706}.journey-step-card{background:rgba(13,11,23,.45);border:1px solid rgba(139,92,246,.1);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.journey-step-card:hover{transform:translateX(6px) scale(1.01);border-color:rgba(139,92,246,.3);background:rgba(13,11,23,.65);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 20px rgba(139,92,246,.1)}.journey-step-num{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#c084fc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.journey-step-title{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:#ffffff;display:flex;align-items:center;gap:.5rem}.journey-step-desc{font-size:.95rem;color:var(--text-muted);line-height:1.6}@keyframes scrollytelling-reveal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@supports ((animation-timeline:view()) and (animation-range:entry)){.scroll-reveal-step{animation:scrollytelling-reveal linear both;animation-timeline:view();animation-range:entry 10% cover 35%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cosmic-nebula,.journey-step-card,.play-pause-btn,.shimmer-star,.visualizer-bar.active,.zodiac-btn{animation:none!important;transition:none!important;transform:none!important}.scroll-parallax-bg,.scroll-parallax-fore,.scroll-parallax-mid,.scroll-reveal-step,.scroll-rotate-zodiac{animation:none!important;transform:none!important}.visualizer-bar{height:4px!important}}