/* RashifalNow: Western Astrology page. Loads after style.css; header/footer keep the navy & gold theme.
   (c) 2026 RashifalNow. All rights reserved. */
.w-body{--vio:#7b3fe4;--mag:#e0399b;--teal:#19c3c8;--gold:#e8c766;--deep:#0b0626;
  background:radial-gradient(1200px 700px at 85% -10%,rgba(224,57,155,.28),transparent 60%),
  radial-gradient(900px 600px at -10% 20%,rgba(25,195,200,.22),transparent 60%),
  radial-gradient(1000px 800px at 60% 60%,rgba(123,63,228,.30),transparent 65%),
  linear-gradient(180deg,#0b0626 0%,#140a3a 35%,#0d1a40 70%,#0b0626 100%);position:relative;overflow:hidden}
.w-body .section{position:relative;z-index:1}
.w-stars{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.55;
  background-image:radial-gradient(1.2px 1.2px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 80px,#f3dfa2,transparent),radial-gradient(1.4px 1.4px at 200px 160px,#bfefff,transparent),radial-gradient(1px 1px at 60px 210px,#fff,transparent),radial-gradient(1.2px 1.2px at 260px 40px,#ffc9ec,transparent);
  background-size:300px 260px;animation:wtw 9s ease-in-out infinite alternate}
@keyframes wtw{to{opacity:.85}}
.w-grad{background:linear-gradient(90deg,#ffd36a,#ff8fd0 45%,#7ee8f0);-webkit-background-clip:text;background-clip:text;color:transparent}
.w-eyebrow{color:#7ee8f0}
/* hero */
.w-hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.w-hero picture,.w-hero>img{position:absolute;inset:0;z-index:-2}
.w-hero img.w-hero-img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.w-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,6,38,.92) 0%,rgba(11,6,38,.72) 40%,rgba(11,6,38,.1) 75%),linear-gradient(0deg,#0b0626 0%,transparent 30%)}
.w-hero .container{position:relative}
.w-hero h1{font-family:var(--serif);font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.05;max-width:13ch;margin:.4rem 0 1rem}
.w-hero p.lead{max-width:52ch;color:#e6defc;font-size:1.1rem}
.w-hero .hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.w-orbs{position:absolute;right:4%;top:12%;width:220px;height:220px;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:drop-shadow(0 0 18px var(--c));background:radial-gradient(circle at 30% 30%,#fff,var(--c) 45%,rgba(0,0,0,.6));animation:orbit 14s linear infinite}
.orb.o1{--c:#ff8fd0;width:26px;height:26px;left:0;top:40px}
.orb.o2{--c:#7ee8f0;width:18px;height:18px;left:160px;top:10px;animation-duration:19s}
.orb.o3{--c:#ffd36a;width:34px;height:34px;left:120px;top:150px;animation-duration:23s}
@keyframes orbit{0%{transform:translate(0,0)}50%{transform:translate(-18px,14px)}100%{transform:translate(0,0)}}
.w-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.w-pills span{border:1px solid rgba(126,232,240,.4);background:rgba(25,195,200,.1);color:#cdf6f8;border-radius:999px;padding:.3rem .8rem;font-size:.85rem}
/* glass cards */
.w-card{background:linear-gradient(160deg,rgba(123,63,228,.22),rgba(25,195,200,.08));border:1px solid rgba(232,199,102,.25);border-radius:var(--radius);padding:1.4rem;backdrop-filter:blur(6px);box-shadow:0 10px 40px rgba(0,0,0,.25)}
/* signs grid */
.sign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.sign{position:relative;border-radius:var(--radius);padding:1.2rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(155deg,color-mix(in srgb,var(--c) 30%,transparent),rgba(20,10,58,.7) 70%);overflow:hidden;transition:transform .25s,box-shadow .25s}
.sign:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--c),0 14px 40px color-mix(in srgb,var(--c) 35%,transparent)}
.sign .sg{font-family:"Noto Sans Symbols","Segoe UI Symbol","DejaVu Sans",sans-serif;font-size:2.1rem;color:var(--c);text-shadow:0 0 18px var(--c);line-height:1}
.sign h3{font-family:var(--serif);font-size:1.5rem;margin:.4rem 0 .1rem}
.sign .dates{font-size:.8rem;color:#c9c0ee}
.sign .meta{display:flex;gap:.35rem;flex-wrap:wrap;margin:.6rem 0}
.sign .meta span{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:.18rem .5rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.sign p{font-size:.92rem;color:#e4def8;margin:0}
.el-key{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:0 0 1.6rem}
.el-key span{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem}
.el-key i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
/* split media */
.w-split{display:grid;grid-template-columns:1.05fr 1fr;gap:2rem;align-items:center}
.w-split figure{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(232,199,102,.3);box-shadow:0 0 60px rgba(123,63,228,.35)}
.w-split img{display:block;width:100%;height:auto}
/* Big Three form */
.b3-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:start}
.b3-form label{display:block;font-size:.88rem;margin:.8rem 0 .3rem;color:#e6defc}
.b3-form input{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(232,199,102,.3);background:rgba(5,4,25,.6);color:#fff;font:inherit;color-scheme:dark}
.b3-form .row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.b3-form .check{display:flex;gap:.5rem;align-items:center;margin-top:.7rem;font-size:.9rem}
.b3-form .check input{width:auto}
.b3-form details{margin-top:.8rem;font-size:.9rem;color:#cfc7ef}
.b3-form summary{cursor:pointer;color:#7ee8f0}
.b3-form .btn{margin-top:1.2rem;width:100%}
.b3-out:empty{display:none}
.b3-out{margin-top:2rem}
.b3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.b3-card{text-align:center;padding:1.3rem 1rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--c) 60%,transparent);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--c) 30%,transparent),rgba(14,8,44,.85) 70%);animation:pop .5s ease both}
.b3-card .b3-role{display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.b3-card .b3-glyph{display:block;font-family:"Noto Sans Symbols","Segoe UI Symbol","DejaVu Sans",sans-serif;font-size:2.6rem;color:var(--c);text-shadow:0 0 22px var(--c);margin:.3rem 0}
.b3-card strong{font-family:var(--serif);font-size:1.6rem;display:block}
.b3-card small{color:#cfc7ef}
.b3-card p{font-size:.86rem;color:#ded6f6;margin:.6rem 0 0}
@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.natal{display:grid;grid-template-columns:1.1fr 1fr;gap:1.6rem;margin-top:1.6rem;align-items:start}
.natal-wheel,.sky-wheel{max-width:560px;width:100%;margin:0 auto}
.wheel-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 0 30px rgba(123,63,228,.45))}
.w-sg,.w-pl{font-family:"Noto Sans Symbols","Segoe UI Symbol","DejaVu Sans",sans-serif;font-size:20px}
.w-pl{font-size:17px}
.w-hn{font:600 11px var(--sans);fill:#cfc7ef}
.w-ax{font:700 12px var(--sans)}
.w-rx{font:700 10px var(--sans);fill:#ff8fd0}
.ptab{width:100%;border-collapse:collapse;font-size:.92rem}
.ptab th,.ptab td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid rgba(255,255,255,.08)}
.ptab th{color:#7ee8f0;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.pg{font-family:"Noto Sans Symbols","Segoe UI Symbol","DejaVu Sans",sans-serif}
.rx{display:inline-block;font-size:.7rem;font-weight:700;color:#ff8fd0;border:1px solid #ff8fd0;border-radius:6px;padding:0 .3rem;margin-left:.2rem}
.natal-side .btn{margin-top:1rem}
.form-error{color:#ffb3c7;margin-top:.6rem}
/* sky now */
.sky-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:2rem;align-items:start}
.sky-moon{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}
.moon-svg{width:84px;height:84px;filter:drop-shadow(0 0 16px rgba(255,228,160,.55));flex:none}
.sky-moon strong{display:block;font-family:var(--serif);font-size:1.6rem}
.k{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7ee8f0}
.sky-retro{margin:.6rem 0 1rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.sky-retro .k{width:100%}
.chip{display:inline-flex;gap:.3rem;align-items:center;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--c,#e8c766);color:var(--c,#e8c766);background:rgba(255,255,255,.05);font-size:.85rem}
.sky-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.sky-list li{display:grid;grid-template-columns:1.6rem 1fr;grid-template-rows:auto auto;column-gap:.4rem;padding:.55rem .7rem;border-radius:12px;background:rgba(255,255,255,.04);border-left:3px solid var(--c)}
.sky-list .pg{grid-row:1/3;color:var(--c);font-size:1.3rem;align-self:center;text-shadow:0 0 10px var(--c)}
.sky-list span:not(.pg):not(.rx){font-size:.78rem;color:#bdb4e6}
.sky-list b{font-weight:600;font-size:.95rem}
.sky-list small{grid-column:2;color:#cfc7ef}
.sky-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:1.6rem}
.sky-cols ul{margin:0;padding-left:1.1rem}
.sky-cols li{margin:.35rem 0;color:#e4def8}
#sky-events{list-style:none;padding:0}
#sky-events li{display:flex;gap:.8rem;padding:.4rem 0;border-bottom:1px dashed rgba(255,255,255,.1)}
#sky-events time{flex:none;width:7.2rem;color:#ffd36a;font-size:.88rem}
#sky-events .ev-eclipse span{color:#ff8fd0;font-weight:600}
#sky-events .ev-station span{color:#7ee8f0}
/* carousels */
.carousel{position:relative;margin-top:1rem}
.c-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem}
.c-head h3{font-family:var(--serif);font-size:1.7rem;margin:0}
.c-btns{display:flex;gap:.4rem}
.c-btns button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,199,102,.5);background:rgba(11,6,38,.6);color:#ffd36a;cursor:pointer;font-size:1.1rem}
.c-btns button:disabled{opacity:.35;cursor:default}
.c-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .2rem 1rem;scrollbar-width:thin;scrollbar-color:#7b3fe4 transparent;-webkit-overflow-scrolling:touch}
.slide{flex:0 0 min(330px,82%);scroll-snap-align:start;aspect-ratio:4/5;border-radius:22px;padding:1.4rem;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,var(--a,#7b3fe4),var(--b,#e0399b));box-shadow:0 12px 40px rgba(0,0,0,.35)}
.slide::before{content:"";position:absolute;width:180px;height:180px;right:-50px;top:-50px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%)}
.slide .s-tag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.slide h4{font-family:var(--serif);font-size:1.65rem;line-height:1.1;margin:.4rem 0 .8rem;color:#fff}
.slide ul{list-style:none;margin:0;padding:0;font-size:.86rem;columns:2;column-gap:.8rem}
.slide ul li{break-inside:avoid;margin:0 0 .35rem;color:#fff}
.slide ul li b{color:#ffe9a8}
.slide p{color:#fff;font-size:.95rem}
.slide .s-foot{margin-top:auto;font-size:.75rem;color:rgba(255,255,255,.8);display:flex;justify-content:space-between}
.slide.cover{justify-content:center;text-align:center}
.slide.cover h4{font-size:2.1rem}
.slide.rank .num{font-family:var(--serif);font-size:3.4rem;line-height:1;color:#ffe9a8;text-shadow:0 0 20px rgba(255,233,168,.6)}
.slide.vibe{--a:#1c0f4d;--b:#0e3b52;text-align:center;justify-content:center;border-color:color-mix(in srgb,var(--c) 60%,transparent)}
.slide.vibe .v-g{font-family:"Noto Sans Symbols","Segoe UI Symbol","DejaVu Sans",sans-serif;font-size:3rem;color:var(--c);text-shadow:0 0 24px var(--c)}
.slide.vibe h3{font-family:var(--serif);font-size:1.6rem;margin:.3rem 0}
.slide.vibe p{font-size:1.2rem;font-family:var(--serif);font-style:italic}
.slide.moonr.now{outline:3px solid #ffd36a;box-shadow:0 0 40px rgba(255,211,106,.55)}
.slide.moonr.now::after{content:"Tonight";position:absolute;top:14px;right:14px;background:#ffd36a;color:#1b1046;font-weight:700;font-size:.72rem;border-radius:999px;padding:.2rem .6rem}
.slide .mglyph{font-size:2.6rem;line-height:1}
/* add-ons */
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.addon{border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(170deg,rgba(123,63,228,.28),rgba(14,8,44,.9) 55%);border:1px solid rgba(232,199,102,.28);transition:transform .25s,box-shadow .25s}
.addon:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(224,57,155,.25)}
.addon img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.addon .ab{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1}
.addon h3{font-family:var(--serif);font-size:1.5rem;margin:.5rem 0 .3rem}
.addon ul{margin:.6rem 0 1rem;padding-left:1.1rem;font-size:.9rem;color:#e4def8}
.addon .btn{margin-top:auto;align-self:flex-start}
.addon .price{margin-top:.4rem}
.w-note{font-size:.85rem;color:#c9c0ee}
.w-banner{border-radius:24px;overflow:hidden;position:relative;padding:3rem 2rem;text-align:center;background:linear-gradient(120deg,rgba(123,63,228,.55),rgba(224,57,155,.45),rgba(25,195,200,.45))}
.w-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.45}
.w-banner{isolation:isolate}
@media (max-width:1080px){.sign-grid{grid-template-columns:repeat(3,1fr)}.addons{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.w-split,.b3-wrap,.sky-grid,.natal,.sky-cols{grid-template-columns:1fr}.w-orbs{display:none}}
@media (max-width:640px){.sign-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.sign{padding:.9rem}.sign p{font-size:.85rem}.addons{grid-template-columns:1fr}.b3-grid{grid-template-columns:1fr}.sky-list{grid-template-columns:1fr 1fr}.w-hero{min-height:auto;padding:5.5rem 0 3.5rem}.w-hero::after{background:linear-gradient(0deg,rgba(11,6,38,.95) 20%,rgba(11,6,38,.55) 100%)}.b3-form .row{grid-template-columns:1fr}.slide ul{font-size:.8rem}}
@media (prefers-reduced-motion:reduce){.orb,.w-stars{animation:none}.b3-card{animation:none}}
.slide .mglyph svg{width:64px;height:64px;filter:drop-shadow(0 0 14px rgba(255,228,160,.6))}
/* header spacing/fit lives in style.css (shared by every page) */
.addon img,.w-split img,.b3-art img{height:auto}
.addon .ab>.tag{align-self:flex-start}