:root{--navy:#111632;--ink:#111836;--ink2:#3d486b;--purple:#6552ea;--purple2:#7762f1;--lilac:#a491ff;--gold:#f7bd6d;--pale:#f8f8fd;--line:#e9e9f4;--muted:#73809a;--danger:#b83a55;--font:'Cairo','Noto Kufi Arabic',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6fc;font:400 15px/1.85 var(--font);color:var(--ink)}button,a,input{font:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,.choice:focus-visible{outline:3px solid #b28dff;outline-offset:3px}::selection{background:#dfd6ff;color:#1c1d4d}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-bg{min-height:100vh;background:radial-gradient(ellipse 65% 60% at 83% 19%,#322965 0%,transparent 64%),radial-gradient(ellipse 42% 32% at 12% 35%,#222955 0%,transparent 70%),linear-gradient(148deg,#0b1028 0%,#141835 48%,#1a1740 100%);overflow:hidden;position:relative}.site-bg:before{content:'';position:absolute;top:90px;left:-205px;width:520px;height:520px;border:1px solid rgba(190,174,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(190,174,255,.018),0 0 0 145px rgba(190,174,255,.015);pointer-events:none}.header{height:111px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{color:white;display:flex;align-items:center;gap:12px}.brand-symbol{width:47px;height:47px;border-radius:16px;background:#332a72;color:#d3bdff;display:grid;place-items:center;border:1px solid rgba(200,189,255,.18)}.brand-symbol svg{width:29px;height:29px}.brand strong,.brand small{display:block}.brand strong{font-size:18px;font-weight:900;line-height:1.65}.brand small{font-size:11px;color:#c7c1de;line-height:1.5}.header-tag{font-size:12px;font-weight:700;color:#ede8ff;border:1px solid rgba(209,200,255,.15);background:rgba(255,255,255,.055);border-radius:99px;padding:9px 18px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:#f9bf77;border-radius:50%;box-shadow:0 0 0 4px rgba(255,201,122,.1)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,1fr);gap:72px;align-items:center;padding:53px 0 97px;min-height:750px;position:relative;z-index:2}.hero-copy{color:white;padding-top:2px}.eyebrow{display:flex;gap:10px;align-items:center;color:#d6cdff;font-size:13px;font-weight:800;letter-spacing:.05px;margin-bottom:19px}.eyebrow-icon{display:grid;place-items:center;color:#ffe0a3;width:29px;height:29px;background:rgba(255,210,151,.14);border-radius:8px}.hero h1{font-weight:900;line-height:1.51;font-size:clamp(36px,3.55vw,52px);letter-spacing:-1.1px;margin:0 0 20px}.hero h1 span{color:#cab8ff;display:block}.hero-lead{font-size:15px;color:#d1d1e5;max-width:540px;line-height:2.12;margin:0 0 28px}.hero-metrics{display:flex;align-items:center;gap:0;margin:28px 0 30px}.hero-metrics>div{padding:0 24px;border-left:1px solid rgba(237,227,255,.15)}.hero-metrics>div:first-child{padding-right:0}.hero-metrics>div:last-child{border-left:0}.hero-metrics strong{display:block;font:900 28px/1.3 var(--font);color:white}.hero-metrics span{display:block;font-size:11px;color:#b8bad4;font-weight:600;margin-top:5px}.risk-strip{display:flex;align-items:flex-start;gap:12px;background:rgba(245,183,104,.075);border:1px solid rgba(255,198,131,.28);border-radius:15px;padding:15px 17px;color:#f3dcbd;max-width:550px;font-size:12px;line-height:2.05}.risk-strip svg{width:21px;height:21px;stroke:#f7bf74;stroke-width:1.8;fill:none;flex-shrink:0;margin-top:5px}.risk-strip b{color:#ffe3ba;font-weight:900}.book-teaser{display:flex;align-items:center;gap:18px;max-width:530px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.teaser-cover{width:69px;flex:none;transform:rotate(4deg);border:2px solid rgba(255,255,255,.65);border-radius:3px;box-shadow:0 14px 24px rgba(0,0,0,.22);overflow:hidden}.teaser-cover img{width:100%;height:auto;display:block}.book-teaser strong{display:block;font-size:16px;font-weight:900;margin:3px 0 1px;color:white}.teaser-label{display:inline-block;color:#efca96;background:rgba(250,198,123,.11);padding:2px 8px;font-weight:800;border-radius:6px;font-size:10px}.book-teaser p{color:#aeb4d4;font-size:11px;line-height:1.9;margin:1px 0 0}.quiz-shell{background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:25px;box-shadow:0 40px 90px rgba(1,1,15,.24),0 0 0 9px rgba(255,255,255,.035);min-height:580px;padding:30px 34px 28px;align-self:center}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.quiz-overline{display:flex;align-items:center;gap:9px;color:#393a6f;font-size:11px;font-weight:900}.pulse{width:8px;height:8px;background:#8c74ec;border-radius:50%;box-shadow:0 0 0 4px #f0edff}.quiz-time{color:#9091a8;font-size:10px;font-weight:700}.quiz-loading{padding:60px 0;color:#7b7a9d;text-align:center}.progress-meta{display:flex;justify-content:space-between;gap:5px;margin-top:32px;color:#898ca3;font-size:11px;font-weight:700}.progress-meta strong{color:#6858d1}.progress-track{margin:10px 0 25px;height:7px;background:#f0eef9;border-radius:99px;overflow:hidden;display:flex;direction:ltr}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#8174fc,#5844d7);transition:width .3s}.question-label{display:inline-flex;gap:7px;align-items:center;color:#7266c9;font-size:11px;font-weight:900;margin-bottom:7px}.question-title{font-size:22px;line-height:1.65;font-weight:900;letter-spacing:-.4px;margin:0 0 9px}.question-help{font-size:11.5px;line-height:2;color:#78809a;margin:0 0 18px}.answer-list{display:grid;gap:9px}.choice{width:100%;text-align:right;background:#fff;display:flex;align-items:center;gap:12px;border-radius:12px;border:1.5px solid #e8e8f3;padding:11px 12px;min-height:66px;transition:background .17s,border .17s,transform .17s}.choice:hover{border-color:#d0c8f6;background:#faf8ff}.choice[aria-checked=true]{background:#f5f2ff;border-color:#9786ef;box-shadow:0 0 0 2px #eee9ff}.choice-icon{width:23px;height:23px;border-radius:50%;border:1.5px solid #d2d0e3;flex:none;display:grid;place-items:center;font-size:11px;color:white}.choice[aria-checked=true] .choice-icon{background:#6f5ee8;border-color:#6f5ee8}.choice span.choice-text{display:grid;gap:2px}.choice strong{font-size:12.4px;line-height:1.9;font-weight:800;color:#2e3254}.choice small{font-size:10.5px;line-height:1.7;color:#888ba7}.risk-inline{margin:0 0 16px;padding:10px 12px;border-radius:10px;border:1px solid #f7d1d9;background:#fff4f6;color:#8e3951;font-size:11px;line-height:1.85}.quiz-buttons{display:flex;align-items:center;gap:10px;margin-top:23px}.primary-btn,.secondary-btn,.quiet-btn{border:0;border-radius:11px;display:inline-flex;gap:8px;justify-content:center;align-items:center;font-weight:900;min-height:51px;padding:11px 17px;font-size:13px;transition:transform .15s,background .15s,box-shadow .15s}.primary-btn{color:white;background:linear-gradient(105deg,#5847dc,#7a63ed);box-shadow:0 8px 19px rgba(94,73,219,.22)}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 23px rgba(94,73,219,.3)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary-btn{color:#5342c1;background:#f0edff;border:1px solid #ded8fb}.secondary-btn:hover:not(:disabled){background:#e6dfff}.quiet-btn{color:#7f80a2;background:#faf9ff;border:1px solid #ebe9f3;padding-inline:13px}.quiz-buttons .primary-btn{flex:1}.quiz-privacy{text-align:center;font-size:10.2px;color:#979bad;margin:15px 0 0}.quiz-blocked{padding-top:28px;text-align:center}.stop-mark{width:60px;height:60px;display:grid;place-items:center;margin:auto;border-radius:18px;background:#fff0f3;color:#b6415a;font-size:34px}.quiz-blocked h2{font-size:21px;margin:16px 0 5px}.quiz-blocked p{font-size:12px;color:#6e7796;line-height:2.1;margin-bottom:25px}.complete-top{text-align:center;padding-top:18px}.complete-icon{width:59px;height:59px;display:grid;place-items:center;background:#f0edff;border-radius:19px;margin:0 auto 9px;color:#6552e8;font-size:32px}.complete-top h2{font-size:22px;margin:10px 0 6px;line-height:1.6}.complete-top p{font-size:11.5px;color:#7d839c;line-height:1.9;margin:0 0 18px}.resource-box{background:#f8f7ff;border:1px solid #e3dfff;padding:16px;border-radius:15px;margin:13px 0}.resource-box h3{font-size:15px;margin:0 0 4px;color:#1b1d45}.resource-box p{font-size:11px;color:#6c7390;line-height:1.85;margin:0 0 13px}.resource-box .primary-btn,.resource-box .secondary-btn{width:100%;min-height:51px}.resource-box.account{background:#fff;border:1px solid #e8e8f3}.resource-box .is-disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.smallprint{font-size:10px;line-height:1.95;color:#79819b;text-align:center;margin:10px 0}.fetch-error{background:#fff3f5;border:1px solid #f2ccd1;border-radius:10px;color:#9b344f;font-size:12px;padding:12px;margin:12px 0}.explain-risk{margin-top:9px;padding:12px;background:#fff8ed;color:#865f2e;border:1px solid #f5dcac;border-radius:10px;font-size:11px;line-height:2}.confidence{position:relative;z-index:2;background:rgba(10,12,32,.3);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.confidence-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.confidence-title{color:#eee9ff;display:flex;gap:10px;align-items:center}.confidence-title span{color:var(--gold)}.confidence-title strong{font-size:12px}.confidence-items{display:flex;align-items:center;gap:24px;flex-wrap:wrap;color:#a8add0;font-weight:700;font-size:11px}.confidence-items span:before{content:'✓';color:#e5bb8b;margin-left:7px}.footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 39px;color:#a0a5cb;font-size:10.5px;line-height:2}.footer span:last-child{max-width:650px}.footer a{color:inherit}@media(max-width:1100px){.hero{gap:36px;grid-template-columns:minmax(0,1fr) minmax(410px,1fr)}.hero h1{font-size:40px}.quiz-shell{padding:25px}.hero-lead{font-size:14px}}@media(max-width:880px){.hero{grid-template-columns:1fr;gap:40px;padding:30px 0 70px}.hero-copy{max-width:720px}.hero h1{font-size:46px}.quiz-shell{max-width:650px;width:100%;justify-self:center;min-height:550px}.confidence-inner{padding:20px 0;flex-wrap:wrap}.header{height:92px}}@media(max-width:560px){.wrap{width:calc(100% - 32px)}.header{height:82px}.brand-symbol{width:41px;height:41px;border-radius:13px}.brand strong{font-size:13.5px}.brand small{font-size:10px}.header-tag{font-size:9px;padding:7px 9px}.hero{padding:20px 0 45px;gap:28px}.hero h1{font-size:34px;line-height:1.52;margin-bottom:13px}.hero-lead{font-size:12.5px;line-height:2.1}.eyebrow{font-size:11px}.hero-metrics{margin:20px 0 23px}.hero-metrics>div{padding:0 17px}.hero-metrics strong{font-size:24px}.hero-metrics span{font-size:10px}.risk-strip{font-size:10.5px;line-height:2;padding:12px}.book-teaser{margin-top:24px;padding-top:17px}.book-teaser p{font-size:10px}.quiz-shell{border-radius:18px;padding:21px 16px;min-height:540px}.quiz-time{font-size:9px}.quiz-overline{font-size:10px}.question-title{font-size:21px}.choice{padding:10px;gap:10px;min-height:62px}.choice strong{font-size:11.5px}.choice small{font-size:10px}.confidence-inner{display:block;padding:20px 0}.confidence-items{gap:7px 15px;margin-top:12px}.footer{flex-direction:column;gap:7px;text-align:center;padding-top:25px}.footer span:last-child{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}