.sign-page .synastry-box{position:relative;isolation:isolate;overflow:hidden;width:min(1080px,100%);min-height:300px;margin:clamp(45px,7vw,90px) auto 0;padding:clamp(26px,5vw,62px);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.52fr);align-items:center;gap:24px;border:1px solid rgba(214,173,246,.36);border-radius:32px;background:radial-gradient(circle at 83% 48%,rgba(103,48,160,.3),transparent 35%),linear-gradient(115deg,#191127,#111a2a 82%);box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 75px rgba(0,0,0,.2)}
.sign-page .synastry-box::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background-image:radial-gradient(rgba(239,210,153,.65) .7px,transparent .8px);background-size:41px 47px;opacity:.25;z-index:-1}
.synastry-box-copy{max-width:660px}.synastry-box .eyebrow{color:#9de8e3;font-size:.72rem;letter-spacing:.24em}.synastry-box h2{margin:14px 0;color:#fff7ed;font:400 clamp(2rem,4.3vw,4rem)/1.02 Georgia,serif;letter-spacing:-.035em}.synastry-box h2 em{font-weight:400;color:#c8a4f2}.synastry-box p{max-width:620px;margin:0 0 25px;color:#d4cbdd;font-size:clamp(.99rem,1.3vw,1.12rem);line-height:1.65}.synastry-box small{display:block;max-width:560px;margin-top:13px;color:#b5a9c5;font-size:.75rem;line-height:1.5}.synastry-start{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:10px 22px;border:1px solid rgba(226,197,255,.58);border-radius:99px;background:linear-gradient(115deg,#7043a5,#25415b);color:#fff;font:700 .83rem/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 30px #0005;transition:transform .25s,box-shadow .25s}.synastry-start:hover,.synastry-start:focus-visible{transform:translateY(-3px);box-shadow:0 12px 35px rgba(164,103,229,.28)}.synastry-start span{font-size:1.2rem}
.synastry-orbit{position:relative;display:flex;align-items:center;justify-content:space-evenly;aspect-ratio:1;max-width:290px;width:100%;justify-self:center;border:1px solid rgba(226,195,144,.36);border-radius:50%;box-shadow:0 0 0 28px rgba(160,115,219,.035),inset 0 0 55px rgba(148,88,190,.11);background:radial-gradient(circle,#261942 0%,#151626 67%,transparent 69%)}.synastry-orbit::before,.synastry-orbit::after{content:"";position:absolute;inset:15%;border:1px dashed rgba(223,188,140,.35);border-radius:50%}.synastry-orbit::after{inset:-10%;border-color:rgba(110,213,210,.17);transform:rotate(22deg)}.synastry-orbit span{font:400 clamp(2.7rem,5vw,4.4rem)/1 Georgia,serif;color:#ecd6a8;text-shadow:0 0 24px rgba(245,183,113,.3)}.synastry-orbit i{font:normal 1.4rem Georgia,serif;color:#99e9e4}
.synastry-dialog{position:fixed;inset:0;width:min(1110px,calc(100vw - 34px));height:min(92dvh,900px);max-width:none;max-height:none;padding:0;border:1px solid rgba(215,184,241,.55);border-radius:26px;background:#11101d;color:#f9f3ec;box-shadow:0 30px 100px #000c;overflow:hidden}.synastry-dialog::backdrop{background:rgba(4,3,12,.82);backdrop-filter:blur(10px)}.synastry-shell{height:100%;display:flex;flex-direction:column}.synastry-dialog-head{flex:none;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:clamp(22px,3vw,38px) clamp(20px,4vw,50px) 22px;border-bottom:1px solid rgba(198,165,241,.19);background:radial-gradient(circle at 85% 0,rgba(125,67,179,.21),transparent 45%),#151122}.synastry-dialog-head .eyebrow{font-size:.69rem;letter-spacing:.16em;color:#a3e7e1}.synastry-dialog-head h2{margin:8px 0 5px;font:400 clamp(2.05rem,4.1vw,3.5rem)/1.07 Georgia,serif}.synastry-dialog-head h2 span:first-child{color:#d2ae80;font-size:.65em}.synastry-dialog-head p{margin:0;color:#c8bdcf;font-size:.91rem}.synastry-close{flex:none;width:44px;height:44px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff0b;color:#fff;font-size:1.7rem;cursor:pointer}.synastry-close:hover{background:#ffffff23}.synastry-dialog-body{overflow-y:auto;overscroll-behavior:contain;padding:24px clamp(20px,4vw,50px) 38px;scrollbar-color:#735798 #171222}.synastry-select-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:.86rem}.synastry-select-head strong{color:#f6dc9d;letter-spacing:.09em;text-transform:uppercase}.synastry-select-head span{color:#a99eba}.synastry-signs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.synastry-signs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:78px;padding:9px 3px;border:1px solid rgba(198,156,226,.25);border-radius:13px;background:linear-gradient(145deg,#232035,#171826);box-shadow:inset 2px 2px 5px #0005,inset -2px -2px 4px #ffffff08;color:#e8ddec;font-size:.8rem;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.synastry-signs button span{font-size:1.7rem;color:#e7c796}.synastry-signs button:hover,.synastry-signs button:focus-visible{transform:translateY(-3px);border-color:#8de0df}.synastry-signs button[aria-pressed="true"]{border-color:#9fe2dc;background:linear-gradient(145deg,#483366,#1d3543);box-shadow:0 0 20px #65d4d429}.synastry-reading{scroll-margin-top:18px}.synastry-result-hero{margin-top:27px;padding:28px clamp(19px,3vw,34px);border:1px solid rgba(218,178,122,.3);border-radius:22px;background:radial-gradient(circle at 90% 10%,#48286155,transparent 45%),linear-gradient(110deg,#241b36,#151d2b)}.synastry-result-hero>span{color:#f2d19c;letter-spacing:.2em;font-size:1.4rem}.synastry-result-hero h3{margin:10px 0;font:400 clamp(2rem,4vw,3.2rem)/1 Georgia,serif}.synastry-result-hero p{max-width:750px;margin:0;color:#d6c9de;line-height:1.65}.synastry-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.synastry-categories section{padding:25px;border:1px solid rgba(196,163,218,.19);border-radius:18px;background:linear-gradient(155deg,#201a2e,#151723);box-shadow:inset 0 1px #ffffff0b}.synastry-categories section>span{font-size:.72rem;letter-spacing:.16em;color:#80d9d5}.synastry-categories h4{margin:8px 0 10px;font:400 1.45rem/1.15 Georgia,serif;color:#f4e8d7}.synastry-categories p{margin:0;color:#cbc5d0;line-height:1.64;font-size:.94rem}.synastry-question{margin-top:12px;padding:24px;border:1px solid rgba(154,213,206,.26);border-radius:18px;background:linear-gradient(105deg,#211a34,#18303a)}.synastry-question strong{font-size:.7rem;letter-spacing:.17em;color:#96e2d8}.synastry-question p{margin:7px 0 0;font:400 1.26rem/1.4 Georgia,serif}.synastry-note{margin:24px 0 0;color:#a9a2b4;font-size:.77rem;line-height:1.65}.synastry-note a{color:#b8e6e5;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.sign-page .synastry-box{grid-template-columns:1fr;padding:27px 22px;border-radius:24px}.synastry-orbit{grid-row:1;max-width:170px;margin:6px auto 5px}.synastry-box h2{font-size:clamp(2.25rem,10vw,3.5rem)}.synastry-dialog{inset:0;width:100vw;height:100dvh;border:0;border-radius:0}.synastry-dialog-head{padding:calc(18px + env(safe-area-inset-top)) 18px 18px}.synastry-dialog-head h2{font-size:clamp(1.65rem,7vw,2.4rem)}.synastry-dialog-head p{font-size:.83rem}.synastry-dialog-body{padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.synastry-signs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.synastry-signs button{min-height:70px;font-size:.7rem}.synastry-categories{grid-template-columns:1fr}.synastry-result-hero{margin-top:20px}.synastry-select-head{font-size:.73rem}}
@media(max-width:360px){.synastry-signs{grid-template-columns:repeat(3,minmax(0,1fr))}.synastry-dialog-head h2{font-size:1.55rem}.synastry-select-head span{display:none}}
@media(prefers-reduced-motion:reduce){.synastry-start,.synastry-signs button{transition:none}}