:root{--gold:#d4af37;--gold2:#f2d479;--gold-dark:#c19b2e;--bg:#0b0e17;--deep:#070912;--surface:#161b2e;--surface2:#20273f;--muted:#aaa4b6;--text:#f5f1e6}
.vsl-frame{position:relative;width:min(100%,430px);margin:0 auto;line-height:0;border-radius:14px;overflow:hidden;background:#000}.vsl{display:block;width:100%;height:auto;max-height:78vh;background:#000}.unmute{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;width:100%;height:100%;padding:20px;cursor:pointer;background:#05060cd9;color:#fff;font:inherit;font-size:17px;font-weight:700;line-height:1.4;text-align:center}.unmute strong{color:var(--gold2);font-size:20px}.unmute-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--gold);color:#111522;font-size:34px;box-shadow:0 0 0 0 #d4af3799;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 22px #d4af3700}100%{box-shadow:0 0 0 0 #d4af3700}}.personal-line{width:min(100%,600px);margin:18px 0 0;color:#c4becb}.personal-line strong{color:var(--gold2)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,system-ui,sans-serif;background:var(--deep);color:var(--text)}button,input,a{font:inherit}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--bg);background-image:radial-gradient(circle at 12% 17%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 78% 9%,#d6cfff 0 1px,transparent 1.5px),radial-gradient(circle at 63% 42%,#fff8 0 1px,transparent 1.5px),radial-gradient(circle at 22% 68%,#fff9 0 1px,transparent 1.5px),radial-gradient(ellipse at 50% -20%,#27264a 0,transparent 52%);background-size:170px 170px,230px 230px,190px 190px,280px 280px,100% 100%}
.hero,.quiz-shell{width:min(100% - 40px,512px)}.hero{text-align:center;padding:32px 0 24px}.eyebrow{display:inline-block;border:1px solid var(--gold);border-radius:99px;padding:6px 16px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(24px,6vw,31px);line-height:1.22;margin:20px 0 12px;font-weight:800}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{color:var(--muted);font-size:15px;line-height:1.55;margin:0}.hero strong{color:var(--gold2)}.quiz-shell{flex:1}.progress{display:flex;gap:8px;margin-bottom:30px}.progress:empty{display:none}.progress span{height:14px;flex:1;border-radius:99px;background:var(--surface2);transition:.3s}.progress span.done{background:var(--gold)}.screen{animation:slide .28s ease both}.title{display:flex;align-items:flex-start;justify-content:center;gap:10px;text-align:center;font-size:clamp(23px,6vw,30px);line-height:1.25;margin:0 0 26px;font-weight:800}.title:before,.title:after{content:'↓';display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;margin-top:5px;border-radius:50%;background:var(--gold);color:white;font-size:16px}.letter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.wrap-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.option{border:2px solid #ffffff55;background:#fffffff2;color:var(--bg);border-radius:10px;padding:14px 12px;font-weight:800;cursor:pointer;transition:.16s;box-shadow:0 5px 16px #0002}.option:hover,.option:focus-visible{border-color:var(--gold);transform:translateY(-1px)}.letter-grid .option,.day-grid .option{aspect-ratio:1;padding:0}.wrap-grid .option{min-width:88px;font-size:19px}.choice-grid .option{display:flex;align-items:center;text-align:left;gap:13px}.choice-grid.cards .option{aspect-ratio:1;flex-direction:column;justify-content:center;text-align:center;background:#ffffff09;color:white;border-color:#d4af3788}.choice-grid.gender .option{aspect-ratio:1;justify-content:center;flex-direction:column;font-size:17px}.icon{font-size:48px}.box{width:23px;height:23px;border:2px solid #0b0e1777;border-radius:6px}.option:active{transform:scale(.96)}.field{width:100%;border:2px solid #ffffff66;border-radius:12px;background:white;color:#171923;padding:17px 18px;font-size:18px;font-weight:600;outline:none}.field:focus{border-color:var(--gold)}.continue,.checkout{display:block;width:100%;margin-top:20px;border:0;border-radius:12px;background:var(--gold);color:#111522;padding:19px 20px;font-size:19px;font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:0 0 25px #d4af3760;text-align:center;text-decoration:none}.continue:disabled{opacity:.45;cursor:not-allowed}.back{display:flex;align-items:center;gap:8px;margin:30px auto;border:0;border-radius:12px;background:#d4af37bb;color:white;padding:12px 24px;font-weight:800;cursor:pointer}.hidden{display:none!important}.footer{width:min(100% - 32px,460px);padding:35px 0;text-align:center;color:#777386;font-size:12px}.footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-bottom:18px}.footer a{color:#aaa4b6;text-decoration:none}.analysis{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:radial-gradient(circle at 50% 20%,#202747,#070912 60%);text-align:center}.analysis h2{font-size:clamp(25px,7vw,40px);margin:0 0 12px}.analysis h2 span{color:var(--gold2)}.analysis p{color:#c4becb;line-height:1.6}.number-name{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:24px 0}.number-name i{font-style:normal;display:flex;flex-direction:column;gap:4px}.number-name b{display:grid;place-items:center;background:linear-gradient(#f2d479,#d4af37);color:#111522;border-radius:7px;width:40px;height:46px;font-size:22px}.number-name small{color:var(--gold2);font-weight:800}.timer{font-weight:800;color:var(--gold2);margin-top:16px}.lead{position:fixed;inset:0;z-index:20;background:#382159;display:grid;place-items:center;padding:24px}.lead-card{width:min(100%,390px);text-align:center}.countdown{background:#e8a93a;border-radius:10px;padding:13px;font-size:28px;font-weight:800;box-shadow:0 0 20px #e8a93a70}.lead h2{font-size:34px;margin:20px 0 14px}.lead .field{margin:8px 0}.error{color:#ffdada;background:#ff505026;border:1px solid #ff505088;border-radius:8px;padding:8px}.offer{position:fixed;inset:0;z-index:30;overflow:auto;background:radial-gradient(circle at top,#242344,#070912 58%);padding:35px 20px;text-align:center}.offer-inner{width:min(100%,600px);margin:auto}.offer .badge{color:var(--gold2);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.offer h2{font-size:clamp(30px,8vw,48px);line-height:1.1;margin:18px 0}.offer h2 span{color:var(--gold2)}.report{border:1px solid #d4af3766;background:#161b2ecc;border-radius:18px;padding:25px;margin:25px 0;text-align:left}.report h3{color:var(--gold2);margin-top:0}.report li{margin:11px 0}.price-old{text-decoration:line-through;color:#aaa}.price{font-size:42px;font-weight:800;color:var(--gold2);margin:5px}.secure{font-size:12px;color:#aaa}@keyframes slide{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}}@media(max-width:380px){.hero,.quiz-shell{width:calc(100% - 28px)}.title:before,.title:after{display:none}.letter-grid{gap:6px}.option{padding:12px 8px}.day-grid{gap:5px}}