:root{--bg:#0a0a1a;--card-bg:#12122a;--card-border:#1e1e3f;--accent:#9370DB;--accent-light:#b89eef;--accent-glow:rgba(147,112,219,0.3);--accent-glow-strong:rgba(147,112,219,0.5);--text:#e8e6f0;--text-dim:#9896a8;--text-bright:#fff;--gold:#FFD700;--success:#4ade80;--pink:#ff69b4;--blue:#60a5fa;--fire:#ff6b35;--radius:12px;--radius-lg:20px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Georgia','Times New Roman',serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;overflow-x:hidden}
.stars{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}
.stars::before,.stars::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0}
.stars::before{background:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 35% 8%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 45% 55%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 55% 22%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 65% 72%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 75% 40%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 92% 15%,rgba(255,255,255,.6),transparent);animation:twinkle 4s ease-in-out infinite alternate}
.stars::after{background:radial-gradient(1px 1px at 15% 45%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 30% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 42% 75%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 68% 48%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 8% 90%,rgba(255,255,255,.5),transparent);animation:twinkle 5s ease-in-out infinite alternate-reverse}
@keyframes twinkle{0%{opacity:.6}100%{opacity:1}}
.container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 24px}
section{padding:80px 0}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,26,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);transition:box-shadow .3s}
.nav.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.5)}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}
.nav-logo{font-size:1.15rem;font-weight:bold;color:var(--gold);text-decoration:none;letter-spacing:.5px}
.nav-links{display:flex;gap:28px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.nav-links a{color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:color .2s}
.nav-links a:hover{color:var(--gold)}
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:8px}

/* Hero */
.hero{padding:160px 0 100px;text-align:center;position:relative}
.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hero-badge{display:inline-block;background:rgba(147,112,219,.15);border:1px solid var(--accent-glow);color:var(--accent-light);padding:6px 20px;border-radius:50px;font-size:.85rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin-bottom:24px;letter-spacing:1px;text-transform:uppercase}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.2;color:var(--text-bright);margin-bottom:20px;position:relative}
.hero h1 .gold{color:var(--gold)}
.hero-desc{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-dim);max-width:650px;margin:0 auto 40px}
.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}
.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#7b5fc7 100%);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px var(--accent-glow-strong)}
.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--card-border)}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent-light)}
.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#e6b800 100%);color:#0a0a1a;box-shadow:0 4px 20px rgba(255,215,0,.3)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(255,215,0,.4)}
.btn-sm{padding:10px 24px;font-size:.9rem}

/* Trust bar */
.trust-bar{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:60px;padding-top:40px;border-top:1px solid var(--card-border);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.trust-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-dim)}

/* Section headers */
.section-header{text-align:center;margin-bottom:56px}
.section-header h2{font-size:clamp(1.8rem,3.5vw,2.5rem);color:var(--text-bright);margin-bottom:12px}
.section-header p{color:var(--text-dim);font-size:1.05rem;max-width:600px;margin:0 auto}

/* Product cards */
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.pc{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:32px 28px;transition:all .3s ease;position:relative;overflow:hidden}
.pc:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.pc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.pc.natal::before{background:linear-gradient(90deg,var(--accent),var(--blue))}
.pc.love::before{background:linear-gradient(90deg,var(--pink),#ff9ecd)}
.pc.career::before{background:linear-gradient(90deg,var(--gold),#ffd700)}
.pc.forecast::before{background:linear-gradient(90deg,var(--blue),#93c5fd)}
.pc.numerology::before{background:linear-gradient(90deg,var(--success),#6ee7b7)}
.pc.quick::before{background:linear-gradient(90deg,var(--fire),#fb923c)}
.badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:50px;font-size:.7rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.badge-popular{background:var(--accent);color:#fff}
.badge-couple{background:var(--pink);color:#fff}
.badge-new{background:var(--blue);color:#fff}
.badge-value{background:var(--fire);color:#fff}
.pc-icon{font-size:2.2rem;margin-bottom:16px}
.pc h3{font-size:1.3rem;color:var(--text-bright);margin-bottom:8px}
.pc-desc{color:var(--text-dim);font-size:.95rem;margin-bottom:16px;min-height:72px}
.pc-features{list-style:none;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.88rem}
.pc-features li{padding:4px 0;color:var(--text);display:flex;align-items:flex-start;gap:8px}
.pc-features li::before{content:'\2727';color:var(--accent-light);flex-shrink:0;margin-top:2px}
.pc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px solid var(--card-border)}
.price{font-size:1.8rem;font-weight:bold;color:var(--gold)}
.pages{font-size:.8rem;color:var(--text-dim);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

/* How it works */
.hiw{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:56px 40px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-top:40px}
.step{text-align:center}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#7b5fc7 100%);color:#fff;font-size:1.2rem;font-weight:bold;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin-bottom:16px}
.step h4{color:var(--text-bright);margin-bottom:8px;font-size:1.05rem}
.step p{color:var(--text-dim);font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

/* Why different */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.why-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px 24px}
.why-card .icon{font-size:2rem;margin-bottom:12px}
.why-card h4{color:var(--text-bright);margin-bottom:8px;font-size:1.05rem}
.why-card p{color:var(--text-dim);font-size:.92rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

/* Horoscope section */
.hs{background:linear-gradient(135deg,rgba(147,112,219,.08) 0%,rgba(255,215,0,.05) 100%);border:1px solid var(--accent-glow);border-radius:var(--radius-lg);padding:56px 40px;text-align:center;position:relative;overflow:hidden}
.hs::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(147,112,219,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hs h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--text-bright);margin-bottom:12px}
.hs .subtitle{color:var(--text-dim);font-size:1.05rem;max-width:560px;margin:0 auto 32px}
.hf{max-width:480px;margin:0 auto}
.fr{display:flex;gap:12px;margin-bottom:12px}
.fr input,.fr select{flex:1;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text);font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;outline:none;transition:border-color .2s}
.fr input:focus,.fr select:focus{border-color:var(--accent)}
.fr input::placeholder{color:var(--text-dim)}
.fr select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239896a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.fr select option{background:var(--card-bg);color:var(--text)}
.fsub{width:100%;padding:14px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent) 0%,#7b5fc7 100%);color:#fff;font-size:1rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;transition:all .3s}
.fsub:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow-strong)}
.fsub:disabled{opacity:.6;cursor:not-allowed;transform:none}
.fnote{font-size:.8rem;color:var(--text-dim);margin-top:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.fsucc{display:none;padding:20px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);border-radius:10px;color:var(--success);margin-top:16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.hperks{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:32px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.88rem;color:var(--text-dim)}
.hperks span{display:flex;align-items:center;gap:6px}

/* FAQ */
.faq-list{max-width:740px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--card-border)}
.faq-q{width:100%;background:none;border:none;color:var(--text-bright);font-family:'Georgia','Times New Roman',serif;font-size:1.05rem;text-align:left;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .2s}
.faq-q:hover{color:var(--accent-light)}
.faq-arrow{font-size:1.2rem;transition:transform .3s;color:var(--text-dim)}
.faq-item.active .faq-arrow{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-ai{padding:0 0 20px;color:var(--text-dim);font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.7}

/* Footer */
.footer{padding:48px 0;border-top:1px solid var(--card-border);text-align:center}
.footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.footer-links a{color:var(--text-dim);text-decoration:none;font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:color .2s}
.footer-links a:hover{color:var(--accent-light)}
.footer-copy{color:var(--text-dim);font-size:.8rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.footer-copy a{color:var(--accent-light);text-decoration:none}

/* Order form page styles */
.order-form{max-width:640px;margin:0 auto}
.form-group{margin-bottom:20px}
.form-group label{display:block;color:var(--text-bright);font-size:.95rem;margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.form-group .helper{font-size:.8rem;color:var(--text-dim);margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border-radius:10px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text);font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;outline:none;transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}
.form-group textarea{min-height:100px;resize:vertical}
.form-group select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239896a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.partner-section{display:none;border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;margin:20px 0;background:rgba(255,105,180,.05)}
.partner-section.visible{display:block}
.forecast-section{display:none;border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;margin:20px 0;background:rgba(96,165,250,.05)}
.forecast-section.visible{display:block}
.form-divider{border:none;border-top:1px solid var(--card-border);margin:32px 0}

/* Testimonials */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.testimonial-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px 24px;position:relative}
.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--accent));border-radius:var(--radius) var(--radius) 0 0}
.testimonial-stars{color:var(--gold);font-size:1.1rem;margin-bottom:12px;letter-spacing:2px}
.testimonial-text{color:var(--text);font-size:.95rem;line-height:1.7;margin-bottom:16px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--card-border)}
.testimonial-name{color:var(--text-bright);font-weight:bold;font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.testimonial-product{color:var(--accent-light);font-size:.8rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

/* Email capture banner */
.email-capture-banner{padding:40px 0;background:linear-gradient(135deg,rgba(147,112,219,.1) 0%,rgba(255,215,0,.06) 100%);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}
.email-capture-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.email-capture-text h3{color:var(--text-bright);font-size:1.2rem;margin-bottom:4px}
.email-capture-text p{color:var(--text-dim);font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.email-capture-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.email-capture-form input,.email-capture-form select{padding:10px 16px;border-radius:8px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text);font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;outline:none;transition:border-color .2s}
.email-capture-form input{min-width:220px}
.email-capture-form select{min-width:120px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239896a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.email-capture-form input:focus,.email-capture-form select:focus{border-color:var(--accent)}
.email-capture-form input::placeholder{color:var(--text-dim)}

/* Mobile */
@media(max-width:768px){
.nav-links{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:rgba(10,10,26,.98);padding:24px;gap:20px;border-bottom:1px solid var(--card-border)}
.nav-links.active{display:flex}
.nav-toggle{display:block}
.hero{padding:120px 0 70px}
.hero::before{width:300px;height:300px}
section{padding:60px 0}
.products-grid{grid-template-columns:1fr}
.hiw{padding:36px 24px}
.hs{padding:36px 24px}
.fr{flex-direction:column}
.trust-bar{gap:20px}
.hperks{flex-direction:column;align-items:center;gap:16px}
.testimonials-grid{grid-template-columns:1fr}
.email-capture-inner{flex-direction:column;text-align:center}
.email-capture-form{flex-direction:column;width:100%}
.email-capture-form input,.email-capture-form select{width:100%;min-width:0}
.email-capture-form .btn{width:100%;justify-content:center}
}