.zodiac-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) 360px;gap:28px;overflow:hidden;background:radial-gradient(circle at 16% 18%,rgba(212,175,95,0.17),transparent 28%),radial-gradient(circle at 85% 10%,rgba(127,165,225,0.12),transparent 30%),linear-gradient(135deg,rgba(8,13,27,0.98),rgba(5,9,20,0.96))}.zodiac-hero::before{content:"";position:absolute;inset:18px;border:1px solid rgba(212,175,95,0.1);border-radius:28px;pointer-events:none}.zodiac-hero__copy{position:relative;z-index:1;max-width:820px;padding:clamp(18px,3vw,38px)}.zodiac-hero h1{margin:0;max-width:13ch;font-family:"Cormorant Garamond",serif;font-size:clamp(3.4rem,6vw,6rem);line-height:0.9;letter-spacing:-0.045em}.zodiac-hero__copy>p:last-child{max-width:58ch;color:var(--muted);font-size:1.05rem;line-height:1.8}.zodiac-hero__panel{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-self:stretch;align-content:center;min-height:320px;padding:30px;border:1px solid rgba(212,175,95,0.18);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02)),rgba(5,9,20,0.58);box-shadow:inset 0 0 48px rgba(212,175,95,0.06)}.zodiac-hero__panel strong{color:var(--gold-soft);font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,5vw,4.8rem);line-height:0.82}.zodiac-hero__panel span{align-self:end;padding-bottom:8px;color:rgba(243,240,232,0.72);text-transform:uppercase;letter-spacing:0.14em;font-size:0.78rem;font-weight:800}.zodiac-index-section .section-heading p{max-width:48ch;color:var(--muted);line-height:1.7}.zodiac-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.zodiac-index a{display:grid;gap:4px;min-height:92px;padding:16px;border:1px solid rgba(212,175,95,0.14);border-radius:20px;background:radial-gradient(circle at top right,rgba(212,175,95,0.12),transparent 42%),rgba(255,255,255,0.035);transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}.zodiac-index a:hover{transform:translateY(-3px);border-color:rgba(212,175,95,0.42);background:rgba(212,175,95,0.08)}.zodiac-index strong{color:var(--text);font-family:"Cormorant Garamond",serif;font-size:1.75rem;line-height:1}.zodiac-index span{color:rgba(243,240,232,0.58);font-size:0.84rem}.zodiac-guide{scroll-margin-top:104px;background:radial-gradient(circle at 50% 0%,rgba(212,175,95,0.11),transparent 30%),linear-gradient(180deg,rgba(8,13,27,0.95),rgba(5,9,20,0.98))}.zodiac-card-list{display:grid;gap:22px}.zodiac-card{scroll-margin-top:110px;display:grid;gap:22px;padding:clamp(20px,3vw,30px);border:1px solid rgba(212,175,95,0.14);border-radius:30px;background:radial-gradient(circle at calc(16% + (var(--zodiac-index) * 4%)) 0%,rgba(212,175,95,0.13),transparent 24%),rgba(255,255,255,0.035);box-shadow:var(--shadow-soft)}.zodiac-card__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,0.42fr);gap:24px;align-items:start}.zodiac-card__head h2{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(2.6rem,5vw,4.4rem);line-height:0.92}.zodiac-card__head p{max-width:58ch;color:var(--muted);line-height:1.75}.zodiac-card__head dl{display:grid;gap:10px;margin:0}.zodiac-card__head dl div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:12px;border:1px solid rgba(212,175,95,0.12);border-radius:16px;background:rgba(5,9,20,0.42)}.zodiac-card dt{color:var(--gold-soft);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.14em}.zodiac-card dd{margin:0;color:rgba(243,240,232,0.82)}.zodiac-card__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.zodiac-personality{display:grid;gap:12px;padding:20px;border:1px solid rgba(212,175,95,0.12);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.02))}.zodiac-personality>span,.zodiac-compatibility span{color:var(--gold-soft);text-transform:uppercase;letter-spacing:0.16em;font-size:0.76rem;font-weight:800}.zodiac-personality h3{margin:0;color:var(--text);font-family:"Cormorant Garamond",serif;font-size:1.6rem;line-height:1.05}.zodiac-personality ul{display:grid;gap:8px;margin:0;padding-left:18px;color:rgba(243,240,232,0.76)}.zodiac-personality p,.zodiac-compatibility p{margin:0;color:rgba(243,240,232,0.7);line-height:1.7}.zodiac-personality strong{color:rgba(243,240,232,0.9)}.zodiac-compatibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.zodiac-compatibility div{display:grid;gap:8px;padding:16px;border:1px solid rgba(212,175,95,0.12);border-radius:18px;background:rgba(5,9,20,0.38)}.zodiac-selector-section,.zodiac-match-section{background:radial-gradient(circle at 14% 0%,rgba(124,65,214,0.18),transparent 28%),linear-gradient(180deg,rgba(8,13,27,0.95),rgba(5,9,20,0.97))}.zodiac-control-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.zodiac-control-panel label{display:grid;gap:8px}.zodiac-control-panel span{color:var(--gold-soft);font-size:0.8rem;font-weight:900;text-transform:uppercase;letter-spacing:0.14em}.zodiac-control-panel select{width:100%;border:1px solid rgba(212,175,95,0.2);border-radius:18px;background:rgba(7,10,23,0.92);color:var(--text);padding:15px 16px;outline:none}.zodiac-index--buttons button{display:grid;gap:4px;min-height:92px;padding:16px;border:1px solid rgba(212,175,95,0.14);border-radius:20px;background:radial-gradient(circle at top right,rgba(212,175,95,0.12),transparent 42%),rgba(255,255,255,0.035);color:inherit;cursor:pointer;text-align:left;transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}.zodiac-index--buttons button:hover{transform:translateY(-3px);border-color:rgba(212,175,95,0.42);background:rgba(212,175,95,0.08)}.zodiac-index--buttons strong{color:var(--text);font-family:"Cormorant Garamond",serif;font-size:1.75rem;line-height:1}.zodiac-index--buttons span{color:rgba(243,240,232,0.58);font-size:0.84rem}.zodiac-profile-card{display:grid;gap:24px;padding:clamp(20px,3vw,32px);border:1px solid rgba(212,175,95,0.16);border-radius:30px;background:radial-gradient(circle at 90% 0%,rgba(212,175,95,0.14),transparent 26%),rgba(255,255,255,0.035)}.zodiac-profile-card__head{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:18px;align-items:center}.zodiac-profile-card__head h2{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(2.7rem,5vw,4.7rem);line-height:0.92}.zodiac-profile-card__head p{max-width:66ch;color:rgba(243,240,232,0.74);line-height:1.75}.zodiac-profile-card__symbol{display:grid;place-items:center;width:112px;height:112px;border:1px solid rgba(212,175,95,0.32);border-radius:50%;color:var(--gold-soft);font-size:3rem;box-shadow:inset 0 0 36px rgba(124,65,214,0.18),0 0 40px rgba(212,175,95,0.12)}.zodiac-profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zodiac-profile-metric{display:grid;gap:6px;padding:14px;border:1px solid rgba(212,175,95,0.12);border-radius:16px;background:rgba(5,9,20,0.36)}.zodiac-profile-metric span{color:var(--gold-soft);font-size:0.72rem;font-weight:900;text-transform:uppercase;letter-spacing:0.12em}.zodiac-profile-metric strong{color:rgba(243,240,232,0.88);line-height:1.45}.zodiac-profile-lists{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.zodiac-profile-lists article{padding:16px;border:1px solid rgba(150,102,255,0.16);border-radius:18px;background:rgba(255,255,255,0.032)}.zodiac-profile-lists h3{margin:0 0 10px;color:var(--gold-soft);font-family:"Cormorant Garamond",serif;font-size:1.45rem}.zodiac-profile-lists ul{display:grid;gap:7px;margin:0;padding-left:18px;color:rgba(243,240,232,0.74);line-height:1.55}.zodiac-match-result{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;padding:clamp(20px,3vw,30px);border:1px solid rgba(212,175,95,0.16);border-radius:28px;background:radial-gradient(circle at 12% 50%,rgba(212,175,95,0.14),transparent 26%),rgba(255,255,255,0.035)}.zodiac-match-result__score{display:grid;place-items:center;gap:8px;aspect-ratio:1;border:2px solid rgba(212,175,95,0.5);border-radius:50%;box-shadow:inset 0 0 46px rgba(124,65,214,0.18)}.zodiac-match-result__score strong{color:var(--gold-soft);font-family:"Cormorant Garamond",serif;font-size:3.6rem;line-height:0.9}.zodiac-match-result__score span{color:rgba(243,240,232,0.72);font-size:0.78rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:0.12em}.zodiac-match-result h3{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,4vw,3rem)}.zodiac-match-result p,.zodiac-match-result small{color:rgba(243,240,232,0.74);line-height:1.75}.zodiac-match-result small{display:block;margin-top:10px}@media (max-width:1360px){.zodiac-index{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.zodiac-control-panel,.zodiac-control-panel--match{grid-template-columns:1fr}.zodiac-index{grid-template-columns:repeat(2,minmax(0,1fr))}.zodiac-hero__copy,.zodiac-hero__panel{padding:18px}.zodiac-card__head dl div{grid-template-columns:1fr;gap:4px}}.astrology-hero,.astrology-tools-section,.astrology-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(124,65,214,0.16),transparent 28%),radial-gradient(circle at 88% 18%,rgba(212,175,95,0.08),transparent 24%),linear-gradient(180deg,rgba(8,11,27,0.9),rgba(5,8,19,0.96))}.astrology-hero{min-height:clamp(440px,36vw,560px);display:grid;align-items:center;background:linear-gradient(90deg,rgba(6,8,22,0.96) 0%,rgba(6,8,22,0.82) 35%,rgba(6,8,22,0.18) 70%),radial-gradient(circle at 10% 18%,rgba(124,65,214,0.26),transparent 24%),url("/src/assets/optimized/astrology-hero-wide.webp") right center / cover no-repeat,linear-gradient(180deg,rgba(8,11,27,0.9),rgba(5,8,19,0.96))}.astrology-hero>div{max-width:820px;transform:translateY(-18px)}.astrology-hero h1{margin:0;color:#f6ead8;font-family:"Cormorant Garamond",serif;font-size:clamp(4rem,10vw,8rem);line-height:0.86;letter-spacing:-0.06em;text-shadow:0 18px 54px rgba(0,0,0,0.46),0 0 42px rgba(124,65,214,0.18)}.astrology-hero p:not(.section-kicker){max-width:720px;color:rgba(218,207,226,0.84);font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.8}.astrology-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,26px)}.astrology-tool-grid--single{grid-template-columns:minmax(0,920px);justify-content:center}.astrology-tool-card,.astrology-mini-card,.astrology-result-card{border:1px solid rgba(124,65,214,0.42);border-radius:26px;background:radial-gradient(circle at 88% 8%,rgba(150,102,255,0.15),transparent 34%),linear-gradient(145deg,rgba(17,18,34,0.92),rgba(8,10,22,0.97) 62%,rgba(12,9,30,0.94));box-shadow:inset 0 0 0 1px rgba(150,102,255,0.08),0 18px 50px rgba(0,0,0,0.22)}.astrology-tool-card{display:grid;align-content:start;gap:14px;padding:clamp(22px,3vw,30px)}.astrology-tool-card h3,.astrology-mini-card h3,.astrology-result-card h3{margin:0;color:#f0dfbd;font-family:"Cormorant Garamond",serif;font-size:clamp(1.7rem,2.2vw,2.35rem);line-height:0.98}.astrology-tool-card p,.astrology-mini-card p,.astrology-result-card p,.astrology-result-card small{margin:0;color:rgba(213,203,222,0.78);line-height:1.75}.astrology-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:6px}.astrology-field{display:grid;gap:8px}.astrology-field span{color:var(--text);font-size:0.94rem}.astrology-field input,.astrology-field select{width:100%;min-height:54px;padding:0 16px;border:1px solid rgba(212,175,95,0.18);border-radius:14px;outline:0;color:var(--text);background:rgba(255,255,255,0.03)}.astrology-field select{appearance:none;color-scheme:dark}.astrology-field select option{color:var(--text);background:#0d1220}.astrology-field input:focus,.astrology-field select:focus{border-color:rgba(212,175,95,0.54);box-shadow:0 0 0 4px rgba(212,175,95,0.12)}.astrology-fields--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.astrology-compat-details{padding:16px;border:1px solid rgba(124,65,214,0.32);border-radius:20px;background:rgba(255,255,255,0.025)}.astrology-compat-details summary{cursor:pointer;color:var(--gold-soft);font-weight:800}.astrology-compat-details>p{margin:12px 0 16px}.astrology-compat-person{display:grid;gap:12px;margin:14px 0 0;padding:0;border:0}.astrology-compat-person legend{margin-bottom:10px;color:#f0dfbd;font-family:"Cormorant Garamond",serif;font-size:1.35rem;font-weight:700}.astrology-tool-card__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.astrology-result-slot{display:grid;margin-top:4px}.astrology-result-card{display:grid;gap:12px;padding:20px}.astrology-result-card--error{border-color:rgba(255,139,139,0.42);background:radial-gradient(circle at 88% 8%,rgba(255,139,139,0.12),transparent 34%),linear-gradient(145deg,rgba(31,16,28,0.94),rgba(8,10,22,0.97))}.astrology-result-card__label,.astrology-mini-card span,.astrology-score-grid span,.astrology-result-grid span{color:var(--gold-soft);text-transform:uppercase;letter-spacing:0.12em;font-size:0.72rem;font-weight:800}.astrology-result-card--wide{gap:16px}.astrology-result-grid,.astrology-score-grid,.astrology-mini-grid,.astrology-info-grid{display:grid;gap:clamp(14px,1.8vw,20px)}.astrology-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.astrology-result-grid--planets{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.astrology-score-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.astrology-result-grid>div,.astrology-score-grid>div,.astrology-house-grid>div{display:grid;gap:8px;padding:16px;border:1px solid rgba(124,65,214,0.32);border-radius:18px;background:rgba(255,255,255,0.03)}.astrology-result-grid strong,.astrology-score-grid strong,.astrology-house-grid strong{color:#f3f0e8;font-size:1.25rem}.astrology-house-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}.astrology-house-grid span{color:var(--gold-soft);text-transform:uppercase;letter-spacing:0.12em;font-size:0.72rem;font-weight:800}.astrology-house-grid p,.astrology-result-list{margin:0;color:rgba(213,203,222,0.78);line-height:1.7}.astrology-result-list{padding-left:20px}.astrology-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.astrology-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.astrology-mini-card{display:grid;gap:10px;padding:22px;transition:transform 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease}.astrology-tool-card:hover,.astrology-mini-card:hover{transform:translateY(-3px);border-color:rgba(167,104,255,0.66);box-shadow:inset 0 0 0 1px rgba(150,102,255,0.1),inset 0 0 58px rgba(124,65,214,0.065),0 22px 64px rgba(80,33,148,0.2)}@media (max-width:640px){.astrology-hero{min-height:360px;background:linear-gradient(180deg,rgba(6,8,22,0.88),rgba(6,8,22,0.96)),url("/src/assets/optimized/astrology-hero-wide.webp") center / cover no-repeat}.astrology-hero>div{transform:none}.astrology-fields,.astrology-fields--pair{grid-template-columns:1fr}}@media (max-width:768px){.zodiac-hero{gap:18px;padding:24px}.zodiac-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zodiac-index a,.zodiac-index--buttons button{min-height:64px;padding:12px;border-radius:18px}.zodiac-card__head,.zodiac-card__body,.zodiac-profile-card__head,.zodiac-profile-metrics,.zodiac-profile-lists,.zodiac-match-result{gap:14px}.zodiac-profile-card__symbol{width:86px;height:86px}.astrology-hero{min-height:300px;padding:26px 20px}.astrology-hero>div{transform:none}.astrology-hero h1{max-width:10ch;font-size:clamp(2.55rem,13vw,3.65rem);line-height:0.92;letter-spacing:-0.055em}.astrology-hero p:not(.section-kicker){max-width:29ch;font-size:0.96rem;line-height:1.68}.astrology-fields,.astrology-fields--pair{gap:10px}.astrology-result-grid>div,.astrology-score-grid>div,.astrology-house-grid>div{padding:14px;border-radius:16px}}@media (max-width:360px){.zodiac-index{grid-template-columns:1fr}}@media (max-width:768px){.zodiac-hero{min-height:0;padding:24px 20px}.zodiac-profile-card__symbol{display:none}.zodiac-hero h1{font-size:clamp(2.2rem,10vw,3.1rem)}.zodiac-hero__copy>p:last-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zodiac-hero__panel{display:none}.zodiac-selector-section{margin-top:10px}.astrology-tools-section .section-heading{text-align:left;align-items:flex-start}.astrology-tools-section .section-heading h2{font-size:clamp(2rem,10vw,2.75rem)}.astrology-tool-grid{gap:12px}.astrology-tool-card{padding:18px}.astrology-tool-card h3{font-size:clamp(1.55rem,7vw,2rem)}.astrology-tool-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.astrology-tool-card:nth-child(-n+4){border-color:rgba(212,175,95,0.28);background:radial-gradient(circle at 8% 0%,rgba(212,175,95,0.1),transparent 34%),linear-gradient(145deg,rgba(18,18,38,0.96),rgba(8,10,22,0.98))}.astrology-mini-grid,.astrology-info-grid{gap:10px}.astrology-mini-card{padding:16px}}.astro-fortune-panel{position:relative}.astro-fortune-panel__head{align-items:flex-start}.astro-fortune-toggle{gap:6px}.astro-fortune-toggle__row{display:inline-flex;align-items:center;gap:12px;color:var(--text)}.astro-fortune-toggle__row input{width:18px;height:18px;accent-color:var(--gold-soft)}.astro-fortune-toggle small{color:rgba(231,224,238,0.62);line-height:1.6}.astro-fortune-panel textarea{width:100%;min-height:128px;padding:16px;resize:vertical;border-radius:14px;border:1px solid rgba(212,175,95,0.18);outline:0;color:var(--text);background:rgba(255,255,255,0.03)}.astro-fortune-panel textarea::placeholder{color:rgba(243,240,232,0.42)}.astro-fortune-panel textarea:focus{border-color:rgba(212,175,95,0.54);box-shadow:0 0 0 4px rgba(212,175,95,0.12)}.astro-fortune-panel input:disabled{cursor:not-allowed;opacity:0.56}.astro-fortune-results{gap:24px}.astro-fortune-approximation{margin:18px 0 0;padding:14px 16px;border:1px solid rgba(212,175,95,0.16);border-radius:16px;color:rgba(231,224,238,0.78);background:rgba(255,255,255,0.03)}.astro-fortune-result-card{min-height:100%}@media (max-width:920px){.astro-fortune-panel__head{flex-direction:column}}@media (max-width:768px){.astro-fortune-toggle__row{align-items:flex-start}}@media (max-width:768px){[data-zodiac-page] .zodiac-hero{display:grid;grid-template-columns:minmax(0,1fr) !important;min-height:auto;padding:22px 18px}[data-zodiac-page] .zodiac-hero__copy{grid-column:1 / -1;width:100%;max-width:none;min-width:0;padding:22px 20px}[data-zodiac-page] .zodiac-hero h1{max-width:100% !important;font-size:clamp(2.35rem,10.4vw,3rem);line-height:0.98;letter-spacing:-0.045em;text-wrap:balance;overflow-wrap:normal}[data-zodiac-page] .zodiac-hero__panel{display:none !important}}