.zodiac-compatibility{background:radial-gradient(circle at 50% 20%,#6855be21,#02061000 34%),radial-gradient(circle at 18% 56%,#12657529,#02061000 30%),#02060f;border-top:1px solid #7c84b12e;min-height:calc(100vh - 64px);padding:3.25rem 0 4.5rem}.zodiac-compatibility__head{text-align:center;margin-bottom:2.6rem}.zodiac-compatibility__head h1,.zodiac-result h1{color:#b9afff;letter-spacing:0;text-transform:uppercase;font-size:clamp(1.65rem,3.2vw,2.55rem);font-weight:400;line-height:1.1}.zodiac-compatibility__head p{color:#aaa2db;max-width:48rem;margin:.75rem auto 0;font-size:1rem;line-height:1.45}.zodiac-compatibility__desktop{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.25rem;max-width:66rem;margin:0 auto;display:grid}.zodiac-picker-card{background:radial-gradient(circle at 50% 16%,#b2affe1c,#03060f00 24%),#03060fd1;border:1px solid #aaa0ff75;border-radius:8px;padding:1.35rem 1.35rem 1.25rem;box-shadow:inset 0 0 0 1px #ffffff05}.zodiac-picker-card__head{margin-bottom:1.15rem}.zodiac-picker-card__head p{color:#c1b7ff;font-size:1.25rem;font-weight:500;line-height:1.2}.zodiac-picker-card__head span{color:#8e89b3;font-size:.8rem}.zodiac-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem 1.2rem;display:grid}.zodiac-picker-sign{color:#8d88aa;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-items:center;gap:.35rem;min-height:7rem;padding:.25rem .2rem .45rem;transition:color .22s,transform .22s,filter .22s;display:grid;position:relative}.zodiac-picker-sign:after{content:"";background:#9a95c947;height:1px;transition:background .22s,box-shadow .22s;position:absolute;bottom:1.38rem;left:16%;right:16%}.zodiac-picker-sign img,.zodiac-mobile-sign img,.zodiac-result__sign img{object-fit:contain;opacity:.72;width:4.8rem;height:4.8rem;filter:saturate(.9)drop-shadow(0 0 10px color-mix(in srgb,var(--sign-glow,#b2affe)20%,transparent));border-radius:0;transition:opacity .22s,filter .22s,transform .22s;display:block}.zodiac-picker-sign span,.zodiac-mobile-sign span,.zodiac-result__sign span{width:4.8rem;height:4.8rem;color:var(--sign-accent,#b2affe);text-shadow:0 0 18px color-mix(in srgb,var(--sign-glow,#b2affe)45%,transparent);border:0;border-radius:9999px;place-items:center;font-size:2rem;display:grid}.zodiac-picker-sign strong{color:#c5bef8;opacity:0;min-height:1rem;font-size:.86rem;font-weight:400;transition:opacity .22s}.zodiac-picker-sign small{color:#85819b;font-size:.72rem;line-height:1}.zodiac-picker-sign:hover,.zodiac-picker-sign:focus-visible,.zodiac-picker-sign.is-selected{color:#f2f0ff;transform:translateY(-2px)}.zodiac-picker-sign:hover img,.zodiac-picker-sign:focus-visible img,.zodiac-picker-sign.is-selected img{opacity:1;filter:saturate(1.12)contrast(1.05)drop-shadow(0 0 18px color-mix(in srgb,var(--sign-glow,#b2affe)54%,transparent))drop-shadow(0 0 34px color-mix(in srgb,var(--sign-accent,#b2affe)28%,transparent))}.zodiac-picker-sign:hover strong,.zodiac-picker-sign:focus-visible strong,.zodiac-picker-sign.is-selected strong{opacity:1}.zodiac-picker-sign:hover:after,.zodiac-picker-sign:focus-visible:after,.zodiac-picker-sign.is-selected:after{background:color-mix(in srgb,var(--sign-accent,#b2affe)68%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--sign-glow,#b2affe)38%,transparent)}.zodiac-picker-sign:focus-visible{outline:2px solid color-mix(in srgb,var(--sign-accent,#b2affe)80%,white 10%);outline-offset:4px}.zodiac-compatibility__mobile{display:none}.zodiac-compatibility__action{margin-top:2.4rem}.zodiac-result{max-width:43rem;margin:0 auto}.zodiac-result h1{text-align:center;margin-bottom:2.1rem}.zodiac-result__summary{grid-template-columns:1fr auto 1fr;align-items:end;gap:2.5rem;display:grid}.zodiac-result__sign{color:#dfdcff;justify-items:center;gap:.65rem;display:grid}.zodiac-result__sign img,.zodiac-result__sign span{opacity:1;width:6.8rem;height:6.8rem;filter:saturate(1.1)drop-shadow(0 0 20px color-mix(in srgb,var(--sign-glow,#b2affe)50%,transparent))drop-shadow(0 0 42px color-mix(in srgb,var(--sign-accent,#b2affe)24%,transparent))}.zodiac-result__sign p{font-size:1rem}.zodiac-result__score{color:#b9afff;align-self:center;justify-items:center;display:grid}.zodiac-result__score strong{font-size:clamp(2.4rem,7vw,3.4rem);line-height:1}.zodiac-result__score span{margin-top:.35rem;font-size:1.1rem}.zodiac-result__meter{background:#948fc657;border-radius:9999px;height:.45rem;margin:1.6rem auto 2.2rem;overflow:hidden}.zodiac-result__meter span{border-radius:inherit;background:#b9afff;height:100%;display:block;box-shadow:0 0 20px #b9afff85}.zodiac-result__content{color:#d5d1e8;font-size:18px;line-height:1.65}.zodiac-result__content p+p{margin-top:1.1rem}@media (width<=900px){.zodiac-compatibility__desktop{gap:1.5rem}.zodiac-picker-card{padding:1.1rem}}@media (width<=640px){.zodiac-compatibility{padding:2.5rem 0 2.75rem}.zodiac-compatibility__head{text-align:left;margin-bottom:1.3rem}.zodiac-compatibility__head h1,.zodiac-result h1{text-align:center;font-size:1.5rem}.zodiac-compatibility__head p{text-align:center;max-width:20rem;margin-top:1.8rem;font-size:1rem;line-height:1.55}.zodiac-compatibility__desktop{display:none}.zodiac-compatibility__mobile{gap:1.2rem;display:grid}.zodiac-mobile-picker{border-bottom:1px solid #b9afff47;grid-template-columns:2.25rem 1fr 2.25rem;align-items:center;padding-bottom:2.15rem;display:grid;position:relative}.zodiac-mobile-picker__track{height:7.2rem;position:relative}.zodiac-mobile-sign{opacity:0;pointer-events:none;background:0 0;border:0;border-radius:9999px;width:5.5rem;height:5.5rem;padding:0;transition:opacity .26s,transform .26s,filter .26s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.68)}.zodiac-mobile-sign[data-offset="-1"]{opacity:.42;transform:translate(-148%,-50%)scale(.7)}.zodiac-mobile-sign[data-offset="0"]{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.zodiac-mobile-sign[data-offset="1"]{opacity:.42;transform:translate(48%,-50%)scale(.7)}.zodiac-mobile-sign img,.zodiac-mobile-sign span{width:100%;height:100%}.zodiac-mobile-sign.is-selected img,.zodiac-mobile-sign.is-selected span{opacity:1;filter:saturate(1.12)contrast(1.05)drop-shadow(0 0 18px color-mix(in srgb,var(--sign-glow,#b2affe)54%,transparent))drop-shadow(0 0 34px color-mix(in srgb,var(--sign-accent,#b2affe)28%,transparent))}.zodiac-mobile-picker__nav{z-index:2;color:#f1efff;background:0 0;border:0;border-radius:9999px;width:2.25rem;height:2.25rem;font-size:2rem;line-height:1;position:relative}.zodiac-mobile-picker p,.zodiac-mobile-picker small{text-align:center;grid-column:1/-1}.zodiac-mobile-picker p{color:#f1efff;text-transform:uppercase;font-size:1.125rem}.zodiac-mobile-picker small{color:#8e89b3;order:-1;margin-bottom:-1.35rem;font-size:1rem}.zodiac-compatibility__plus{color:#ddd8ff;text-align:center;text-shadow:0 0 16px #b9afffa6;font-size:2.8rem;line-height:1}.zodiac-compatibility__action{margin-top:1.8rem}.zodiac-result{max-width:100%}.zodiac-result h1{text-align:center;margin-bottom:1.7rem}.zodiac-result__summary{gap:1rem}.zodiac-result__sign img,.zodiac-result__sign span{width:5.2rem;height:5.2rem}.zodiac-result__score strong{font-size:2rem}.zodiac-result__score span{font-size:1rem}.zodiac-result__meter{margin:1.1rem auto 1.6rem}.zodiac-result__content{font-size:1rem;line-height:1.6}}