:root{--ink:#24114d;--soft:#685885;--violet:#9149ef;--line:rgba(92,52,149,.19)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 3% 6%,rgba(178,139,255,.48),transparent 26%),radial-gradient(circle at 96% 90%,rgba(222,144,231,.33),transparent 30%),linear-gradient(135deg,#f8f4ff,#eee4ff 48%,#faf5ff);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.page{position:relative;isolation:isolate;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:30px 18px}.stars,.stars:before,.stars:after{position:absolute;inset:0;z-index:-1;content:"";background-image:radial-gradient(circle,#9d66ed 0 1.2px,transparent 1.8px),radial-gradient(circle,#d580e8 0 1px,transparent 1.6px);background-size:84px 97px,133px 161px;background-position:13px 31px,47px 2px;opacity:.27}.stars:before{transform:rotate(17deg) scale(1.2);opacity:.13}.stars:after{background:radial-gradient(ellipse at 52% 105%,rgba(144,78,224,.21),transparent 52%);opacity:1}.card{width:min(100%,530px);border:1px solid rgba(255,255,255,.84);border-radius:30px;padding:31px 26px 27px;background:linear-gradient(145deg,rgba(255,253,255,.92),rgba(244,236,255,.86));box-shadow:0 25px 70px rgba(66,34,120,.17),inset 0 1px rgba(255,255,255,.9);text-align:center;backdrop-filter:blur(12px)}.brand{margin:0 0 18px;color:var(--ink);font:800 .72rem Georgia,serif;letter-spacing:.2em}.brand span{display:inline-grid;place-items:center;width:19px;height:19px;margin:0 .16em;border-radius:7px;background:linear-gradient(140deg,#a65aff,#dc92ee);color:#fff;font-size:.85rem;letter-spacing:0}.eyebrow{margin:0 0 11px;color:#8a55cc;font:700 .69rem Georgia,serif;letter-spacing:.16em}h1{max-width:420px;margin:0 auto;font:700 clamp(2rem,8vw,3.15rem)/.99 Georgia,serif;letter-spacing:-.04em}.intro{max-width:420px;margin:18px auto;color:var(--soft);font-size:1rem;line-height:1.56}.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 16px;margin:21px 0 24px;color:#634a82;font-size:.78rem;font-weight:600}.zodiac{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0;padding:0;border:0}.zodiac legend{width:100%;margin-bottom:11px;font:700 .94rem Georgia,serif}.zodiac button{min-height:71px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.6);color:#8f4fea;font:1.45rem Georgia,serif;cursor:pointer;transition:.16s}.zodiac button b{display:block;margin-top:5px;color:#554270;font:650 .78rem Inter,sans-serif}.zodiac button:hover,.zodiac button:focus-visible{outline:0;transform:translateY(-2px);border-color:#a360ec;background:#fff;box-shadow:0 7px 16px rgba(118,65,192,.13)}.zodiac button.selected{border-color:#8444df;background:linear-gradient(145deg,#974de9,#c275ed);box-shadow:0 9px 20px rgba(123,67,203,.25);color:#fff}.zodiac button.selected b{color:#fff}.selection{min-height:24px;margin:20px 0 12px;color:#70528e;font-size:.9rem;font-weight:600}.continue{width:100%;min-height:56px;border:0;border-radius:15px;background:linear-gradient(110deg,#291051,#4d208e);color:#fff;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 12px 27px rgba(52,22,105,.24);transition:.16s}.continue span{margin-left:8px;color:#dfa0f3;font-size:1.3em}.continue:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-1px)}.continue:disabled{cursor:not-allowed;filter:grayscale(.44);opacity:.52}.fine{max-width:400px;margin:18px auto 0;color:#806f94;font-size:.69rem;line-height:1.45}@media(max-width:390px){.page{padding:16px 11px}.card{padding:28px 16px 22px}.zodiac{gap:7px}.zodiac button{min-height:62px;font-size:1.25rem}.zodiac button b{font-size:.69rem}}