@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d19;--panel:#101b2b;--line:#263449;--muted:#a0adc2;--white:#f6f9ff;--blue:#5da9ff;--cyan:#5ee5d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(95px);border-radius:50%}.glow-a{width:420px;height:420px;background:#0e3c73;top:20px;right:-150px;opacity:.43}.glow-b{width:330px;height:330px;background:#064b55;top:620px;left:-180px;opacity:.25}.topbar{display:flex;align-items:center;justify-content:space-between;padding-top:27px;padding-bottom:25px;border-bottom:1px solid #1a293b}.brand{display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-weight:800;font-size:20px;letter-spacing:1px;line-height:1.1}.brand-mark{font-size:32px;color:var(--cyan)}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);margin-top:5px}.accent{color:var(--blue)}.pill{font-size:10px;letter-spacing:1.5px;border:1px solid #254c52;background:#0e292e;padding:9px 13px;border-radius:30px;color:#8df4df;font-weight:700}.dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:6px}.hero{padding:100px 0 100px}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:800}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:75px;align-items:center}.alert-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:#30251e;border:1px solid #9b6032;color:#ffc177;font:800 39px Outfit;margin:24px 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.14}h1{font-size:clamp(44px,5.1vw,72px);letter-spacing:-2.5px;margin-bottom:24px}h1 span{color:var(--blue)}.lead{font-size:17px;color:#b1bfd0;max-width:570px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{border-radius:11px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 19px;font-size:13px;font-weight:800;transition:.2s;cursor:pointer;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.primary{background:#4b9eff;color:#07111f}.secondary{border-color:#354860;background:#132033}.reassurance{font-size:12px;color:#7cdbbd;margin-top:24px}.visual{border:1px solid #34465e;background:linear-gradient(145deg,#1a2b41,#0d1625);border-radius:19px;padding:20px;box-shadow:0 30px 90px #0008;transform:rotate(1.5deg)}.visual-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#8496ae;padding-bottom:20px}.visual-top span:first-child{color:#ee977c}.email{background:#f3f6fb;color:#23354d;padding:25px;border-radius:12px}.email-title{font-weight:800;font-size:15px;padding-bottom:14px;border-bottom:1px solid #d6dfeb;margin-bottom:14px}.email-line{font-size:12px;margin-bottom:8px;overflow-wrap:anywhere}.email-line span{color:#78889b;margin-right:8px}.email-body{font-size:13px;line-height:1.7;margin:22px 0}.fake-link{background:#2975dc;color:white;text-align:center;padding:11px;border-radius:7px;font-size:12px;font-weight:800}.scan{display:flex;align-items:center;gap:14px;margin-top:16px;padding:13px;background:#34291f;border:1px solid #6d4d2d;border-radius:10px}.scan>span{font-size:24px;color:#ffb86e}.scan b,.scan small{display:block}.scan b{font-size:12px;color:#ffd0a0}.scan small{font-size:11px;color:#bba28b}.section{padding:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.section h2,.closing h2{font-size:clamp(30px,3.5vw,45px);letter-spacing:-1.2px;margin:11px 0}.section-head p,.quiz-head p{color:var(--muted);margin-bottom:0}.section-label{color:#71869e;font-size:10px;letter-spacing:1.4px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tile{background:linear-gradient(155deg,#142236,#101a29);border:1px solid var(--line);border-radius:15px;padding:24px 21px;min-height:268px;transition:.2s}.tile:hover,.resource:hover{border-color:#4c84b8;transform:translateY(-3px)}.tile-icon{font-size:25px;background:#1c3450;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;margin-bottom:24px;color:#79b9ff}.tile h3{font-size:19px}.tile p{color:var(--muted);font-size:13px}.tag{font-size:9px;color:#79e5d2;letter-spacing:1px;font-weight:800}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.step{display:flex;gap:20px;border:1px solid var(--line);background:#101b2b;border-radius:13px;padding:25px}.step>b{font:800 27px Outfit;color:#5da9ff}.step h3{font-size:19px;margin-bottom:8px}.step p{color:var(--muted);font-size:13px;margin:0}.quiz-section{margin-top:40px;background:linear-gradient(140deg,#152941,#0e1c2d);border:1px solid #31506d;border-radius:22px;padding:38px}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.progress-label{font-size:12px;color:#9bc7ee;white-space:nowrap}.progress{height:5px;background:#283c53;border-radius:10px;margin:28px 0;overflow:hidden}.progress div{height:100%;width:33.33%;background:var(--cyan);transition:width .25s}.question{font:700 22px Outfit;margin-bottom:20px}.options{display:grid;gap:10px}.option{width:100%;text-align:left;background:#172b42;border:1px solid #38516b;color:white;padding:16px 18px;border-radius:10px;cursor:pointer}.option:hover:not(:disabled){border-color:#78b9ff}.option:disabled{cursor:default}.option.correct{border-color:#64e1b4;background:#143b38}.option.incorrect{border-color:#fa9a8c;background:#402b35}.feedback{padding:16px 0;color:#c5dfeb;font-size:14px}.quiz-next{margin-top:12px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource{display:flex;flex-direction:column;background:#111e2e;border:1px solid var(--line);padding:26px;border-radius:14px;transition:.2s}.resource-brand{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#73d6cc;margin-bottom:25px}.resource h3{font-size:21px}.resource p{font-size:13px;color:var(--muted);flex:1}.resource strong{font-size:12px;color:#8dc7ff;margin-top:15px}.closing{margin:70px 0 45px;background:linear-gradient(110deg,#15395b,#123c47);border:1px solid #32607b;border-radius:18px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.closing p{color:#b6d1dc;margin:0}.footer{padding-top:25px;padding-bottom:35px;border-top:1px solid #243247;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8b9db2}.footer span:first-child{color:#8adfe3;font-weight:800}@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero{padding:70px 0}.visual{max-width:590px;transform:none}.cards{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:1fr}.tile{min-height:220px}}@media(max-width:620px){.wrap{padding-left:18px;padding-right:18px}.pill{font-size:8px;letter-spacing:0}.brand{font-size:15px}.brand-mark{font-size:24px}h1{letter-spacing:-1.5px}.cards,.steps{grid-template-columns:1fr}.section-head,.quiz-head,.closing,.footer{align-items:flex-start;flex-direction:column}.section-label{display:none}.quiz-section{padding:22px}.hero{padding:55px 0}.section{padding:40px 0}.closing{margin-top:40px}}