@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--dark:#211440;--ink:#29203c;--pink:#ed4d9a;--gold:#ffd56b;--lav:#eee7ff;--paper:#fcfaff;--muted:#746c86;--border:#e8e1f0;--shadow:0 22px 60px #23154419}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:'DM Sans',sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.nav{height:82px;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:0 25px;gap:15px}.logo{font-family:Outfit,sans-serif;font-size:24px;font-weight:900;letter-spacing:-1.3px;display:flex;align-items:center;gap:9px;line-height:.95}.logo small{display:block;letter-spacing:3.3px;font:800 9px 'DM Sans',sans-serif;margin-top:7px}.logo-mark{background:var(--dark);color:var(--gold);width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:24px;transform:rotate(-8deg)}.accent{color:var(--pink)}.nav-right{display:flex;align-items:center;gap:23px}.nav-link{font-size:13px;font-weight:800}.lang{border:1px solid var(--border);background:white;padding:9px 13px;border-radius:30px;font-size:12px;font-weight:800}.btn{border:0;border-radius:14px;padding:16px 22px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:13px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:12px 17px;background:var(--dark);color:white;font-size:12px}.hero{background:var(--dark);border-radius:30px;margin:0 18px;min-height:565px;color:white;position:relative;overflow:hidden;display:flex;justify-content:center;gap:3%;padding:65px max(40px,calc((100vw - 1120px)/2))}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,#6a378b 0%,transparent 48%),radial-gradient(ellipse at 10% 90%,#3b215e,transparent 52%);opacity:.7}.hero-inner,.hero-art{position:relative;z-index:1}.hero-inner{flex:1;max-width:640px;padding-top:36px}.eyebrow,.overline{letter-spacing:2px;font-size:11px;font-weight:900;color:#b08dff}.eyebrow{display:inline-flex;gap:10px;align-items:center;background:#ffffff12;border:1px solid #ffffff22;padding:11px 15px;border-radius:50px;color:#f8d4ef}.dot{height:8px;width:8px;border-radius:50%;background:#ffcd71;box-shadow:0 0 0 5px #ffcd7130}.hero h1{font:800 clamp(39px,4.5vw,65px)/1.08 Outfit,sans-serif;letter-spacing:-2.5px;margin:28px 0 22px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy{font-size:17px;line-height:1.7;color:#d8cee7;max-width:510px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn-main{background:var(--pink);color:white;box-shadow:0 14px 30px #ed4d9a55}.btn-ghost{background:#ffffff14;border:1px solid #ffffff40;color:white}.hero-points{display:flex;flex-wrap:wrap;gap:16px;margin-top:35px;font-size:11px;font-weight:700;color:#d6c9e7}.hero-points span span{margin-left:3px}.hero-art{width:340px;min-width:300px;display:grid;place-items:center}.mock-phone{width:260px;transform:rotate(7deg);background:#fff;color:#2c2147;border-radius:31px;padding:20px 16px;box-shadow:0 35px 60px #0c082c80;border:7px solid #f2e8ff}.mock-top{font-size:10px;letter-spacing:2px;font-weight:900;color:#8b5fbe;display:flex;justify-content:space-between}.mock-title{font:800 26px/1.15 Outfit;margin:23px 0 15px}.mock-progress{height:7px;background:#eee6f7;border-radius:10px}.mock-progress i{display:block;background:var(--pink);width:45%;height:100%;border-radius:10px}.mock-question{font-weight:800;margin:21px 0 12px;font-size:13px}.mock-choice{padding:11px;border:1px solid #eee5f2;border-radius:12px;margin:8px 0;font-size:11px;font-weight:700;display:flex;justify-content:space-between}.mock-choice.selected{border-color:var(--pink);background:#fff0f7;color:#b62d72}.mock-bottom{text-align:center;color:#b491c7;font-size:10px;letter-spacing:2px;font-weight:900;margin-top:17px}.bubble{position:absolute;font-size:44px;filter:drop-shadow(0 9px 10px #1d0b3870)}.bubble-a{top:55px;right:10px;transform:rotate(-15deg)}.bubble-b{bottom:65px;left:0}.steps{max-width:1120px;margin:90px auto;padding:0 25px}.section-head{text-align:center}.section-head h2,.cta h2{font:800 clamp(28px,3vw,40px)/1.15 Outfit;letter-spacing:-1px;margin:12px 0}.section-head p,.cta p{color:var(--muted)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.step{background:white;border:1px solid var(--border);border-radius:22px;padding:30px;position:relative;box-shadow:0 10px 35px #27164b0b}.step-icon{background:#f7eaff;border-radius:18px;width:62px;height:62px;display:grid;place-items:center;font-size:27px}.step-num{position:absolute;right:27px;top:27px;color:#d7cce5;font:900 25px Outfit}.step h3{font:800 20px Outfit;margin:25px 0 8px}.step p{color:var(--muted);line-height:1.65;font-size:14px}.cta{background:#f5e8ff;border-radius:25px;max-width:1120px;margin:0 auto 90px;padding:45px 55px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta p{margin-bottom:0}.btn-light{background:var(--dark);color:white;white-space:nowrap}.workspace{max-width:900px;margin:50px auto 90px;padding:0 20px}.panel{background:white;border:1px solid var(--border);border-radius:25px;box-shadow:var(--shadow);padding:30px}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.back{background:transparent;border:0;color:#655a78;font-weight:800}.pill{background:#f4e9ff;color:#7d439d;font-size:10px;letter-spacing:1px;font-weight:900;padding:9px 12px;border-radius:30px}.screen-title{font:800 clamp(25px,4vw,38px)/1.2 Outfit;letter-spacing:-.7px;margin:0 0 9px}.screen-sub{color:var(--muted);margin:0 0 25px;line-height:1.6}.field{display:block;margin:16px 0}.field>span{display:block;font-weight:800;font-size:13px;margin-bottom:8px}.field input,.field textarea,.field select,.answer-input{display:block;width:100%;padding:13px 14px;border:1px solid #ded5e8;border-radius:12px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.answer-input:focus{border-color:#c35db5;box-shadow:0 0 0 3px #ed4d9a20}.question-editor{border:1px solid var(--border);padding:19px;border-radius:17px;margin:18px 0;background:#fefcff}.question-editor h3{margin:0 0 12px;font:800 17px Outfit}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.correct-choice{margin-top:12px;font-size:13px}.correct-choice select{padding:9px;border-radius:9px;border:1px solid var(--border)}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn-primary{background:var(--dark);color:white}.btn-pink{background:var(--pink);color:white}.btn-secondary{background:#f0eaf8;color:#49305d}.btn-danger{background:#fff0f2;color:#a32843}.btn:disabled{opacity:.5;cursor:not-allowed}.answer-card{width:100%;text-align:left;background:white;border:1px solid #ded5e8;padding:16px;border-radius:13px;margin:8px 0;font-weight:700}.answer-card:hover,.answer-card.selected{background:#f8eaff;border-color:#c468b6}.progress{height:8px;background:#eee8f3;border-radius:20px;overflow:hidden;margin:20px 0}.progress>div{height:100%;background:var(--pink);transition:width .2s}.score{font:900 72px Outfit;color:var(--pink);line-height:1.1}.share-link{background:#f5f0fa;border:1px dashed #cbb3de;border-radius:12px;padding:14px;word-break:break-all;font-size:13px}.note{font-size:12px;color:#766c87;line-height:1.6}.alert{background:#fff2e7;border:1px solid #f4d4b3;color:#774524;padding:13px;border-radius:12px;margin:14px 0}.leader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:12px 0;gap:15px}.leader strong{font-size:14px}.leader span{font-size:12px;color:var(--muted)}.empty{padding:25px;text-align:center;background:#f8f4fc;border-radius:15px;color:var(--muted)}footer{background:#17102d;color:white;padding:50px max(25px,calc((100vw - 1120px)/2)) 20px}.footer-grid{display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:35px}.footer-brand{font:900 23px Outfit}.footer-brand span{color:#f46eb3}footer p,footer a{color:#c7bed9;font-size:13px;line-height:1.9}footer strong{font-size:13px}.copyright{border-top:1px solid #ffffff20;margin-top:35px;padding-top:18px;color:#a89fbd;font-size:11px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(100px);background:#281b42;color:white;padding:14px 20px;border-radius:13px;box-shadow:var(--shadow);max-width:90vw;z-index:50;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:850px){.hero{padding:50px 32px}.hero-art{width:260px;min-width:240px}.mock-phone{transform:rotate(6deg) scale(.85)}.hero h1{font-size:45px}.nav-link{display:none}}@media(max-width:650px){.nav{height:70px;padding:0 16px}.logo{font-size:19px}.logo-mark{width:35px;height:35px}.nav-right{gap:7px}.btn-small{padding:10px;font-size:11px}.hero{margin:0 9px;border-radius:22px;display:block;padding:45px 25px 25px}.hero-inner{padding-top:0}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero-copy{font-size:15px}.hero-art{margin:25px auto 0;height:260px}.mock-phone{transform:rotate(6deg) scale(.7);transform-origin:top center}.bubble-a{right:-10px}.bubble-b{left:0;bottom:20px}.hero-actions .btn{width:100%}.hero-points{gap:10px}.steps{margin:60px auto}.step-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}.step{padding:22px}.step h3{margin-top:15px}.cta{margin:0 15px 60px;display:block;padding:30px}.cta .btn{margin-top:22px;width:100%}.panel{padding:20px 15px}.options-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:15px}footer{padding:40px 25px 20px}.workspace{padding:0 10px;margin-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}

/* Question source chooser */
.question-source{padding:1rem 1.1rem;margin:1.3rem 0;background:#f8f5ff;border:1px solid #e9ddff;border-radius:18px}.question-source h3{margin:0 0 .75rem;color:#25184f}.question-source .button-row{display:flex;flex-wrap:wrap;gap:.5rem}.question-source .btn{font-size:.86rem;padding:.65rem .8rem;white-space:normal}.question-source .note{margin:.75rem 0 0}