.zodiac-page{max-width:1120px;padding-top:64px}.zodiac-head{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:60px;margin-bottom:42px}.zodiac-head h1{font:700 clamp(45px,5.2vw,65px)/1.04 'Manrope',sans-serif;letter-spacing:-3.2px;margin:18px 0}.zodiac-head h1 span{color:transparent;background:linear-gradient(100deg,var(--gold),#c995e0 60%,#9275ec);background-clip:text;-webkit-background-clip:text}.zodiac-head p{max-width:650px;color:var(--muted);font-size:16px;margin:0}.zodiac-wheel{position:relative;width:210px;height:210px;margin:auto;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:radial-gradient(circle,rgba(139,108,246,.14),transparent 66%);box-shadow:inset 0 0 0 35px rgba(255,255,255,.012)}.zodiac-wheel:before,.zodiac-wheel:after{content:"";position:absolute;inset:23px;border:1px dashed rgba(231,193,121,.2);border-radius:50%}.zodiac-wheel:after{inset:67px;border-style:solid;background:rgba(17,20,39,.92)}.zodiac-wheel>span{position:absolute;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:19px;z-index:2}.zodiac-wheel>span:nth-child(1){left:50%;top:-17px;transform:translateX(-50%)}.zodiac-wheel>span:nth-child(2){right:-17px;top:50%;transform:translateY(-50%)}.zodiac-wheel>span:nth-child(3){left:50%;bottom:-17px;transform:translateX(-50%)}.zodiac-wheel>span:nth-child(4){left:-17px;top:50%;transform:translateY(-50%)}.zodiac-wheel>b{position:absolute;inset:68px;z-index:3;display:grid;place-items:center;color:var(--gold);font:800 30px 'Manrope',sans-serif}.zodiac-wheel small{position:absolute;top:70%;font-size:7px;letter-spacing:1.2px}.zodiac-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.element-filters{display:flex;gap:7px}.element-filters button{min-height:38px;margin:0;padding:0 13px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.element-filters button i{margin-right:7px}.element-filters button:hover,.element-filters button.active{background:#f3efff;color:#111326;border-color:#f3efff}.zodiac-toolbar>p{color:var(--dim);font-size:10px}.zodiac-toolbar>p i{margin-right:6px}.zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.zodiac-card{--sign-color:#b9a8ff;position:relative;min-height:255px;padding:20px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 85% 4%,color-mix(in srgb,var(--sign-color) 10%,transparent),transparent 36%),linear-gradient(145deg,rgba(25,29,52,.88),rgba(14,17,34,.96));overflow:hidden;animation:sign-in .4s both;animation-delay:var(--delay);transition:transform .22s,border-color .22s,opacity .2s}.zodiac-card.fire{--sign-color:#ef7c70}.zodiac-card.earth{--sign-color:#c7a570}.zodiac-card.air{--sign-color:#82bcca}.zodiac-card.water{--sign-color:#8d82de}.zodiac-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--sign-color) 52%,transparent)}.sign-top{display:flex;align-items:flex-start;justify-content:space-between;height:68px}.sign-number{color:var(--dim);font:600 10px 'Manrope',sans-serif}.sign-symbol{position:absolute;top:19px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,var(--sign-color) 12%,transparent);color:var(--sign-color);font-size:31px}.sign-top>i{color:var(--dim);font-size:10px}.sign-dates{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.zodiac-card h2{font:700 21px 'Manrope',sans-serif;margin:10px 0 0}.zodiac-card>strong{color:var(--sign-color);font-size:10px}.zodiac-card>p{margin:7px 0 19px;color:var(--muted);font-size:11px}.zodiac-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:13px 0 0;border-top:1px solid var(--line);color:var(--dim);font-size:9px}.zodiac-card footer span:first-child{display:flex;align-items:center;gap:6px}.zodiac-card footer i{width:6px;height:6px;border-radius:50%;background:var(--sign-color);box-shadow:0 0 9px var(--sign-color)}.mine-badge{position:absolute;z-index:4;top:0;left:50%;transform:translateX(-50%);padding:4px 9px;border-radius:0 0 8px 8px;background:var(--gold);color:#171525;font-size:7px;font-weight:800;letter-spacing:.7px}.mine-badge i{margin-right:3px}.zodiac-card.is-mine{border-color:rgba(231,193,121,.5);box-shadow:0 0 0 1px rgba(231,193,121,.09)}.zodiac-card.is-hidden{display:none}.element-guide{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:50px;padding:28px 30px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02)}.guide-kicker{color:var(--gold);font-size:8px;font-weight:800;letter-spacing:1.4px}.element-guide h2{font:700 21px 'Manrope',sans-serif;margin:4px 0}.element-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.element-mini article{display:flex;align-items:center;gap:10px;min-width:142px;padding:11px;border-radius:12px;background:rgba(255,255,255,.025)}.element-mini article>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.05);color:var(--sign-color)}.element-mini .fire{--sign-color:#ef7c70}.element-mini .earth{--sign-color:#c7a570}.element-mini .air{--sign-color:#82bcca}.element-mini .water{--sign-color:#8d82de}.element-mini b,.element-mini small{display:block}.element-mini b{font-size:11px}.element-mini small{color:var(--dim);font-size:8px}.cusp-note{display:flex;gap:11px;align-items:flex-start;margin-top:18px;padding:15px 18px;border-radius:14px;background:rgba(139,108,246,.05);color:var(--muted)}.cusp-note>i{color:#a998ea;margin-top:5px}.cusp-note p{margin:0;font-size:10px}.cusp-note strong{color:#d9d7e8}@keyframes sign-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:950px){.zodiac-head{grid-template-columns:1fr 200px}.zodiac-wheel{width:170px;height:170px}.zodiac-wheel>b{inset:48px}.zodiac-wheel:after{inset:47px}.zodiac-grid{grid-template-columns:repeat(3,1fr)}.element-guide{align-items:flex-start;flex-direction:column}.element-mini{width:100%}.element-mini article{min-width:0}}
@media(max-width:700px){.zodiac-head{grid-template-columns:1fr}.zodiac-wheel{display:none}.zodiac-toolbar{align-items:flex-start;flex-direction:column}.element-filters{width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.element-filters button{flex:none}.zodiac-toolbar>p{display:none}.zodiac-grid{grid-template-columns:1fr 1fr}.element-mini{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.zodiac-page{padding-top:42px}.zodiac-head{margin-bottom:28px}.zodiac-head h1{font-size:40px;letter-spacing:-2px}.zodiac-head p{font-size:14px}.zodiac-grid{gap:8px}.zodiac-card{min-height:228px;padding:15px 13px}.sign-symbol{width:48px;height:48px;border-radius:14px;font-size:26px}.sign-top{height:60px}.sign-dates{font-size:7px;gap:4px}.zodiac-card h2{font-size:18px}.zodiac-card>p{font-size:9px;min-height:30px}.element-guide{margin-top:35px;padding:22px 17px}.element-mini article{padding:8px}.element-mini article>i{width:27px;height:27px}.cusp-note{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.zodiac-card{animation:none}}

/* Complete zodiac map */
.zodiac-head{grid-template-columns:minmax(0,1fr) 290px;gap:52px}
.zodiac-wheel{--wheel-radius:118px;width:260px;height:260px;border-color:color-mix(in srgb,var(--gold) 28%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent) 0 23%,transparent 24% 44%,color-mix(in srgb,var(--accent-2) 8%,transparent) 45% 64%,transparent 65%);box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--surface) 28%,transparent),0 22px 55px color-mix(in srgb,var(--text) 9%,transparent);isolation:isolate}
.zodiac-wheel:before{inset:24px;border-color:color-mix(in srgb,var(--gold) 34%,transparent)}
.zodiac-wheel:after{inset:75px;border-color:color-mix(in srgb,var(--gold) 24%,transparent);background:var(--surface-strong);box-shadow:0 10px 28px color-mix(in srgb,var(--text) 14%,transparent)}
.wheel-orbit{position:absolute;inset:0;z-index:2}
.wheel-orbit>span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:34px;height:34px;margin:-17px;border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--surface-strong) 94%,transparent);color:var(--muted);font-size:16px;box-shadow:0 6px 14px color-mix(in srgb,var(--text) 9%,transparent);transform:rotate(calc(var(--wheel-index) * 30deg)) translateY(calc(var(--wheel-radius) * -1)) rotate(calc(var(--wheel-index) * -30deg))}
.wheel-orbit>span:nth-child(4n+1){color:#db7465}.wheel-orbit>span:nth-child(4n+2){color:#b18c52}.wheel-orbit>span:nth-child(4n+3){color:#5f9eac}.wheel-orbit>span:nth-child(4n){color:#8074c8}
.zodiac-wheel>b{inset:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Manrope',sans-serif}
.zodiac-wheel>b strong{font-size:38px;line-height:.9}.zodiac-wheel>b small{position:static;margin-top:7px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:1.5px}.zodiac-wheel>b i{position:absolute;right:17px;top:13px;color:var(--gold);font:normal 8px/1 serif}
@media(max-width:950px){.zodiac-head{grid-template-columns:1fr 210px;gap:35px}.zodiac-wheel{--wheel-radius:88px;width:190px;height:190px}.zodiac-wheel:before{inset:20px}.zodiac-wheel:after{inset:55px}.zodiac-wheel>b{inset:56px}.zodiac-wheel>b strong{font-size:29px}.zodiac-wheel>b small{font-size:6px;margin-top:5px}.wheel-orbit>span{width:28px;height:28px;margin:-14px;font-size:13px}}
@media(max-width:700px){.zodiac-head{grid-template-columns:1fr}.zodiac-wheel{display:none}}