:root{--bg: #080817;--panel: #101027;--panel-2: #171433;--text: #f8f3ee;--muted: #bcb7cd;--gold: #e9c77b;--pink: #e477b0;--lilac: #a98af5;--line: rgba(233,199,123,.22);--radius: 24px;--shadow: 0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.skip-link{position:fixed;top:-100px;left:1rem;z-index:99;background:#fff;color:#000;padding:.75rem}.skip-link:focus{top:1rem}.cosmos{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(circle at 15% 10%,rgba(128,67,183,.2),transparent 32%),radial-gradient(circle at 86% 30%,rgba(212,83,148,.11),transparent 25%),linear-gradient(155deg,#080817,#0c0921 55%,#080817)}.cosmos:before,.cosmos:after{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:80px 80px}.cosmos:after{background-size:137px 137px;transform:translate(38px,24px);opacity:.15}.cosmos span{position:absolute;width:1px;height:1px;background:#fff;box-shadow:80px 40px #fff,210px 180px var(--gold),390px 70px #fff,620px 240px #fff,800px 90px var(--lilac)}.screen{width:min(100% - 32px,860px);min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:48px 0;animation:enter .42s ease both}@keyframes enter{0%{opacity:0;transform:translateY(12px)}}h1,h2{font-family:Playfair Display,Georgia,serif;line-height:1.12;letter-spacing:-.025em;margin:0}h1{font-size:clamp(2.1rem,7vw,4.4rem)}h2{font-size:clamp(2rem,5vw,3.4rem)}em{color:var(--gold);font-style:italic}.eyebrow{color:var(--gold);font-size:.73rem;font-weight:700;letter-spacing:.19em;margin:0 0 16px}.lead{color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);max-width:680px;margin:22px auto 28px}.intro{text-align:center;align-items:center;max-width:940px}.orb{position:relative;width:72px;height:72px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:2rem;margin-bottom:24px;box-shadow:0 0 50px #a98af52e}.orb i{position:absolute;inset:-9px;border:1px dashed rgba(169,138,245,.32);border-radius:50%;animation:spin 18s linear infinite}.intro-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:0;margin:0 0 30px;list-style:none;color:#ddd7e8;font-size:.92rem}.intro-benefits span{color:var(--gold);margin-right:6px}.primary-btn{border:0;border-radius:14px;min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 26px;color:#171020;background:linear-gradient(115deg,#ecd28e,#d49e55);box-shadow:0 12px 34px #e0b45d33;font-weight:800;font-size:.9rem;letter-spacing:.025em;text-decoration:none;cursor:pointer;transition:.2s ease}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.primary-btn:focus-visible,.option:focus-visible,summary:focus-visible,.back-btn:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.intro small,.offer small{margin-top:14px;color:#8f899e}.quiz-screen{justify-content:flex-start;padding-top:30px}.quiz-header{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.83rem}.back-btn{border:0;background:transparent;cursor:pointer;padding:8px 0}.progress{height:4px;background:#ffffff14;border-radius:8px;margin:12px 0 clamp(50px,9vw,88px);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--lilac),var(--pink),var(--gold));border-radius:inherit;transition:width .4s ease}.question{width:min(100%,730px);margin:auto}.question h1{font-size:clamp(2rem,6vw,3.6rem)}.support{color:var(--muted);margin:12px 0 24px}.options{display:grid;gap:10px;margin-top:30px}.sign-grid{grid-template-columns:repeat(3,1fr)}.option{min-height:64px;width:100%;display:flex;align-items:center;gap:13px;padding:13px 18px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;text-align:left;cursor:pointer;transition:.18s ease}.option:hover{border-color:#e9c77b73;background:#ffffff12;transform:translateY(-1px)}.option.selected{border-color:var(--gold);background:#e9c77b1f;box-shadow:0 0 0 1px #e9c77b26}.option i{margin-left:auto;width:21px;height:21px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.7rem;color:transparent}.option.selected i{color:#181020;background:var(--gold);border-color:var(--gold)}.sign-symbol{color:var(--gold);font-size:1.55rem;width:30px}.option-index{color:#817b91;font-size:.73rem;width:26px}.analysis{text-align:center;align-items:center}.analysis h1{max-width:700px;font-size:clamp(2.2rem,7vw,4rem)}.zodiac-loader{width:108px;height:108px;border:1px solid var(--line);border-radius:50%;position:relative;display:grid;place-items:center;margin-bottom:32px;animation:spin 5s linear infinite}.zodiac-loader:after{content:"";position:absolute;inset:11px;border:1px dashed rgba(169,138,245,.4);border-radius:50%}.zodiac-loader span{position:absolute;color:var(--gold);font-size:1.4rem}.zodiac-loader span:first-child{top:-14px}.zodiac-loader span:nth-child(2){bottom:-14px}.zodiac-loader i{font-style:normal;color:var(--pink)}@keyframes spin{to{transform:rotate(360deg)}}.analysis-steps{margin-top:34px;text-align:left;min-width:min(100%,400px)}.analysis-steps p{color:#696477;transition:.35s ease}.analysis-steps p.active{color:var(--text);transform:translate(5px)}.analysis-steps i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#403a4e;margin-right:12px}.analysis-steps p.active i{background:var(--gold);box-shadow:0 0 12px var(--gold)}.result-page{animation:enter .5s ease both}.result-hero{position:relative;width:min(100% - 32px,1080px);margin:auto;padding:90px 0 78px;text-align:center}.result-symbols{display:flex;justify-content:center;align-items:center;gap:14px;color:var(--gold);font-size:2.1rem;margin-bottom:20px}.result-symbols span{width:64px;height:64px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#ffffff08}.result-symbols i{color:#817b91;font: 1rem DM Sans}.result-badge{display:inline-block;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:.68rem;letter-spacing:.14em;font-weight:700}.pair{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}.pair span{color:var(--pink);margin:0 7px}.result-hero h1{max-width:940px;margin:18px auto 24px;font-size:clamp(2.1rem,5.7vw,4.1rem)}.result-copy{color:#d0cadb;max-width:870px;margin:auto;font-size:1.04rem}.result-copy strong{color:var(--text)}.profile-phrase{color:var(--gold);font-style:italic;margin:18px auto 0}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:42px 0 28px;text-align:left}.insight-grid article{border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:25px;background:linear-gradient(145deg,#fff1,#ffffff06)}.insight-grid article>span{color:var(--gold);font-size:1.5rem}.insight-grid h2{font:700 .76rem DM Sans;text-transform:uppercase;letter-spacing:.11em;margin:12px 0 9px;color:var(--gold)}.insight-grid p{color:var(--muted);margin:0;font-size:.93rem}.compatibility-note{max-width:810px;margin:0 auto 28px;padding:20px;border-left:2px solid var(--gold);color:#c6c0d0;background:#e9c77b0a;text-align:left}.sales-section{width:min(100% - 32px,1060px);margin:auto;padding:100px 0}.centered{text-align:center;max-width:900px}.sales-section>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.bridge{margin-top:22px!important;color:var(--text)!important}.product-section{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.product-copy>p:not(.eyebrow){color:var(--muted)}.receive-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}.receive-list li{display:flex;gap:12px;color:#ded8e8}.receive-list span{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#181020;background:var(--gold);font-size:.7rem}.mockup{position:relative;display:grid;place-items:center}.mockup img{display:block;width:100%;max-width:480px;aspect-ratio:4/5;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.tablet,.phone{position:absolute;border:7px solid #2c2934;background:#090815;box-shadow:var(--shadow)}.tablet{width:310px;height:400px;border-radius:25px;transform:rotate(5deg)}.phone{width:170px;height:330px;border-radius:25px;left:3%;bottom:15px;transform:rotate(-7deg)}.device-screen{position:absolute;inset:7px;border-radius:15px;background:radial-gradient(circle at 50% 25%,#50274e,#111029 60%);padding:32px 16px;text-align:center;display:flex;flex-direction:column;align-items:center}.device-screen b{font-size:.53rem;letter-spacing:.15em;color:var(--gold)}.device-screen span{font-size:4rem;color:var(--gold);line-height:1.4}.device-screen strong{font-family:Playfair Display;font-size:1.3rem}.device-screen i{width:80%;height:4px;border-radius:3px;background:#ffffff21;margin-top:20px}.device-screen i+i{width:60%;margin-top:10px}.mockup-stars{position:absolute;right:3%;top:10%;color:var(--gold)}.difference{width:min(100% - 32px,1060px);margin:30px auto 90px;border:1px solid var(--line);border-radius:var(--radius);padding:45px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;background:linear-gradient(120deg,#a98af514,#e477b00f)}.difference-icon{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font-size:2.8rem;color:var(--gold);border:1px solid var(--line)}.difference p:last-child{color:var(--muted);margin-bottom:0}.difference .conclusion{color:var(--text);font-weight:600}.offer{position:relative;width:min(100% - 32px,720px);margin:40px auto 90px;padding:68px 30px;text-align:center;border:1px solid rgba(233,199,123,.38);border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(228,119,176,.14),transparent 40%),#100e26;box-shadow:var(--shadow);overflow:hidden}.offer-stars{position:absolute;right:35px;top:25px;color:var(--gold)}.price-label{margin:30px 0 0;color:var(--muted)}.price{font:700 clamp(4rem,12vw,7rem)/1 "Playfair Display";color:var(--gold);margin:0 0 8px;letter-spacing:-.06em}.offer .checkout-btn{display:flex;max-width:450px;margin:28px auto 0}.offer small{display:block}.faq{max-width:820px}.faq h2{margin-bottom:32px}details{border-top:1px solid rgba(255,255,255,.1)}details:last-child{border-bottom:1px solid rgba(255,255,255,.1)}summary{padding:22px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{color:var(--gold);font-size:1.3rem;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);margin:-8px 0 22px}footer{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:50px 20px;color:#817b8e;font-size:.79rem}footer p{max-width:820px;margin:8px auto}.footer-symbol{color:var(--gold);margin-bottom:20px}@media(max-width:720px){.screen{width:min(100% - 28px,860px)}.intro{padding-top:35px}.intro-benefits{flex-direction:column;align-items:flex-start}.primary-btn{width:100%}.sign-grid{grid-template-columns:repeat(2,1fr)}.sign-grid .option{min-height:60px;padding:10px 12px}.insight-grid{grid-template-columns:1fr}.result-hero{padding-top:55px}.product-section{grid-template-columns:1fr;gap:25px}.mockup{margin-top:10px}.mockup img{max-width:520px;aspect-ratio:1/1.15}.difference{grid-template-columns:1fr;padding:30px 24px}.difference-icon{width:65px;height:65px;font-size:2rem}.sales-section{padding:75px 0}.offer{padding:52px 20px}}@media(max-width:390px){.sign-symbol{font-size:1.3rem;width:24px}.option{font-size:.9rem}.back-btn span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}