@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-latin-wght.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Cormorant;src:url('/assets/fonts/CormorantGaramond-latin-wght.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--h-bg:#07101f;--h-panel:#0f1b30;--h-panel-soft:#111f36;--h-line:rgba(125,160,203,.22);--h-text:#f6f3ef;--h-muted:#a8b4c8;--h-cyan:#38bdf8;--h-cyan-soft:#7dd3fc;--h-pink:#f472b6;--h-gold:#fbbf24}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--h-bg)}
body{margin:0;background:var(--h-bg);color:var(--h-text);font-family:Manrope,system-ui,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 13% 7%,rgba(56,189,248,.09),transparent 27rem),radial-gradient(circle at 83% 32%,rgba(244,114,182,.055),transparent 29rem),radial-gradient(circle at 1px 1px,rgba(255,255,255,.22) 1px,transparent 1.3px);background-size:auto,auto,54px 54px}
a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:10000;background:#fff;color:#07101f;padding:.8rem 1rem;border-radius:.6rem}.skip-link:focus{top:1rem}
.horoscope-header{position:relative;z-index:100;min-height:96px;padding:1rem clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(180px,1fr);align-items:center;gap:2rem;border-bottom:1px solid var(--h-line);background:rgba(5,10,20,.94);backdrop-filter:blur(16px)}
.horoscope-brand{font-family:Cormorant,serif;font-size:clamp(1.55rem,2.2vw,2.15rem);font-weight:600;text-decoration:none;white-space:nowrap}.horoscope-brand span:not(.brand-orbit){color:var(--h-cyan)}.brand-orbit{width:42px;height:42px;display:inline-grid;place-items:center;margin-right:.7rem;border:1px solid rgba(251,191,36,.42);border-radius:50%;color:var(--h-gold);font-family:Manrope,sans-serif;font-size:1rem;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 66%)}
.horoscope-header nav{display:flex;gap:clamp(1rem,2.2vw,2.5rem);align-items:center}.horoscope-header nav a{color:#c5cedc;text-decoration:none;font-size:.94rem}.horoscope-header nav a:hover,.horoscope-header nav a[aria-current=page]{color:var(--h-cyan)}
.header-cta{justify-self:end;border:1px solid rgba(56,189,248,.55);border-radius:999px;padding:.8rem 1.2rem;color:var(--h-cyan);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.horoscope-main{width:min(1360px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 6rem}.breadcrumbs{display:flex;gap:.65rem;color:var(--h-muted);font-size:.84rem;margin:0 0 2rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--h-cyan)}
.eyebrow{margin:0 0 .9rem;color:var(--h-cyan);font-size:.76rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.75;color:#cbd5e1;max-width:780px}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:Cormorant,serif;font-weight:500}h1{font-size:clamp(3.2rem,6vw,6.7rem);line-height:.92;letter-spacing:-.045em;margin-bottom:1.5rem}h1 em{display:block;color:var(--h-cyan-soft);font-weight:500}h2{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.05}p{line-height:1.75}
.reading-hero{min-height:560px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(2.3rem,5vw,5rem);border:1px solid var(--h-line);border-radius:30px;background:linear-gradient(135deg,rgba(15,27,48,.98),rgba(7,16,31,.88));overflow:hidden;position:relative}.reading-hero:after{content:"";position:absolute;width:36rem;height:36rem;border:1px solid rgba(56,189,248,.16);border-radius:50%;right:-12rem;top:-17rem;box-shadow:0 0 100px rgba(56,189,248,.08)}
.sign-emblem{position:relative;z-index:1;display:grid;place-items:center;justify-self:center;width:min(100%,360px);aspect-ratio:1;border:1px solid rgba(56,189,248,.45);border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.13),rgba(15,27,48,.35) 54%,transparent 55%);box-shadow:0 0 80px rgba(56,189,248,.1)}.sign-emblem img{width:38%;height:auto;filter:brightness(0) saturate(100%) invert(72%) sepia(67%) saturate(2024%) hue-rotate(165deg) brightness(101%) contrast(95%) drop-shadow(0 0 22px rgba(56,189,248,.35))}.sign-emblem strong{font-family:Cormorant,serif;font-size:2rem;color:var(--h-cyan-soft)}.sign-emblem span{color:var(--h-muted);font-size:.78rem;text-align:center;padding:0 1rem}
.period-switch{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.period-switch a{border:1px solid var(--h-line);border-radius:999px;padding:.8rem 1rem;text-decoration:none;color:var(--h-cyan);font-weight:700;font-size:.83rem}.period-switch a:hover{border-color:var(--h-cyan);background:rgba(56,189,248,.08)}
.direct-answer,.sky-evidence,.method-card,.personal-cta,.faq,.all-signs{margin-top:1.4rem;border:1px solid var(--h-line);border-radius:26px;background:rgba(15,27,48,.92);padding:clamp(2rem,4.5vw,4.5rem)}.direct-answer{border-top:4px solid var(--h-pink)}.direct-answer h2{max-width:850px}.direct-answer>p:last-child{color:#dbe5f2;font-size:1.1rem;max-width:850px}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.4rem}.area-grid article{min-height:300px;padding:2rem;border:1px solid var(--h-line);border-radius:24px;background:linear-gradient(145deg,rgba(17,31,54,.98),rgba(10,20,37,.96))}.area-grid article>span{color:var(--h-cyan);font-size:.75rem;letter-spacing:.18em}.area-grid h2{font-size:2.2rem;margin:3.5rem 0 1.2rem}.area-grid p{color:var(--h-muted)}
.sky-evidence{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,6rem)}.sky-evidence>div>p:last-child,.method-card>p,.faq p{color:var(--h-muted)}.sky-evidence ol{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.sky-evidence li{padding:1.2rem 1.3rem;border-left:3px solid var(--h-cyan);background:rgba(4,12,26,.48);border-radius:0 14px 14px 0}.sky-evidence li span{font-weight:800;color:var(--h-cyan-soft)}.sky-evidence li time{display:block;margin:.25rem 0;color:var(--h-muted);font-size:.78rem}.sky-evidence li p{margin:0;color:#d2dbea;font-size:.92rem}
.method-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);column-gap:5rem}.method-card>p{grid-column:2}.method-card>div{grid-row:1/4}.method-card h2{max-width:460px}
.personal-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:linear-gradient(120deg,rgba(13,40,64,.98),rgba(28,24,48,.95));border-color:rgba(56,189,248,.42)}.personal-cta>div{max-width:750px}.personal-cta p:last-child{color:#cbd5e1}.personal-cta>a{flex:none;background:var(--h-cyan);color:#04111e;text-transform:uppercase;text-decoration:none;padding:1rem 1.4rem;border-radius:999px;font-weight:900;font-size:.78rem;letter-spacing:.08em}
.faq details{border-top:1px solid var(--h-line);padding:1.3rem 0}.faq summary{cursor:pointer;font-weight:750;color:#e7edf6}.faq details p{padding-top:1rem;margin:0;max-width:840px}
.all-signs h2{margin-bottom:2rem}.sign-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}.sign-grid a{display:grid;place-items:center;gap:.55rem;min-height:116px;padding:1rem;border:1px solid var(--h-line);border-radius:18px;text-decoration:none;color:var(--h-muted)}.sign-grid a:hover,.sign-grid a[aria-current=page]{border-color:var(--h-pink);color:#fff;background:rgba(244,114,182,.07)}.sign-grid img{width:42px;height:42px;filter:brightness(0) saturate(100%) invert(72%) sepia(67%) saturate(2024%) hue-rotate(165deg) brightness(101%) contrast(95%)}.sign-grid a[aria-current=page] img{filter:brightness(0) saturate(100%) invert(62%) sepia(55%) saturate(1590%) hue-rotate(295deg) brightness(103%) contrast(91%)}.live-status{text-align:center;color:var(--h-muted);font-size:.8rem;margin:1rem}
.hub-hero{text-align:center;max-width:1080px;margin:3rem auto 5rem}.hub-hero h1 em{display:inline}.hub-hero .lead{margin:0 auto}.hub-hero time{display:inline-block;margin-top:1rem;color:var(--h-muted)}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.hub-grid>article{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;min-height:240px;padding:1.7rem;border:1px solid var(--h-line);border-radius:24px;background:rgba(15,27,48,.92)}.hub-grid>article>img{filter:brightness(0) saturate(100%) invert(72%) sepia(67%) saturate(2024%) hue-rotate(165deg) brightness(101%) contrast(95%)}.hub-grid h2{font-size:2.1rem;margin-bottom:.7rem}.hub-grid p{color:var(--h-muted);font-size:.9rem}.hub-grid nav{display:flex;gap:.6rem}.hub-grid nav a{padding:.6rem .8rem;border:1px solid var(--h-line);border-radius:999px;text-decoration:none;color:var(--h-cyan);font-size:.78rem;font-weight:800}
.horoscope-footer{display:grid;grid-template-columns:1fr auto auto;gap:3rem;padding:3rem clamp(1rem,4vw,4.5rem);border-top:1px solid var(--h-line);background:#050b16;color:var(--h-muted)}.horoscope-footer nav{display:grid;gap:.6rem}.horoscope-footer a{text-decoration:none}.horoscope-footer a:hover{color:var(--h-cyan)}
@media(max-width:980px){.horoscope-header{grid-template-columns:1fr auto}.horoscope-header nav{display:none}.reading-hero{grid-template-columns:1fr}.sign-emblem{width:min(280px,80vw)}.area-grid,.hub-grid{grid-template-columns:repeat(2,1fr)}.sky-evidence,.method-card{grid-template-columns:1fr}.method-card>p{grid-column:1}.method-card>div{grid-row:auto}.sign-grid{grid-template-columns:repeat(4,1fr)}.horoscope-footer{grid-template-columns:1fr 1fr}.horoscope-footer>nav:last-child{grid-column:2}}
@media(max-width:640px){.horoscope-header{min-height:76px;padding:.8rem 1rem}.horoscope-brand{font-size:1.35rem}.brand-orbit{width:34px;height:34px}.header-cta{font-size:.67rem;padding:.65rem .8rem}.horoscope-main{width:min(100% - 1rem,1360px);padding-top:1rem}.breadcrumbs{padding:0 .5rem}.reading-hero,.direct-answer,.sky-evidence,.method-card,.personal-cta,.faq,.all-signs{border-radius:20px;padding:1.4rem}h1{font-size:clamp(3rem,16vw,5rem)}.area-grid,.hub-grid{grid-template-columns:1fr}.area-grid article{min-height:auto}.area-grid h2{margin-top:2rem}.personal-cta{align-items:flex-start;flex-direction:column}.sign-grid{grid-template-columns:repeat(3,1fr)}.sign-grid a{min-height:95px;padding:.7rem;font-size:.75rem}.horoscope-footer{grid-template-columns:1fr;gap:2rem}.horoscope-footer>nav:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
