:root{--ink:#17342e;--cream:#f6f1e7;--paper:#fffdf8;--mint:#c8e6d2;--coral:#ec795d;--gold:#e8b84c;--teal:#1e7668}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}header{height:78px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header>a{text-decoration:none;font-size:13px;font-weight:700}.brand{display:flex;align-items:center;gap:9px;line-height:1}.brand>span{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:white;border-radius:50% 50% 50% 10%}.brand small{font-size:8px;letter-spacing:.14em}.intro{max-width:1200px;margin:auto;padding:75px 28px 55px;text-align:center}.intro>p,.why>p{font-size:11px;letter-spacing:.18em;font-weight:bold;color:var(--teal)}h1,h2,h3{font-family:Manrope;margin:0;line-height:1.05}h1{font-size:clamp(50px,7vw,92px);letter-spacing:-.055em}h1 em{font-style:normal;color:var(--coral)}.intro>span{display:block;max-width:650px;margin:24px auto;font-size:17px;line-height:1.6}.courses{max-width:1200px;margin:auto;padding:0 28px 100px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.course{position:relative;background:var(--paper);border:1px solid #d8ded9;border-radius:20px;overflow:hidden;text-decoration:none;transition:.3s}.course:hover{transform:translateY(-8px);box-shadow:0 25px 60px #17342e20}.badge{position:absolute;z-index:3;top:18px;left:18px;background:var(--ink);color:white;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:.12em}.art{height:350px;position:relative;overflow:hidden}.onboarding .art{background:var(--mint)}.phishing .art{background:var(--gold)}.path{position:absolute;width:520px;height:250px;border:3px dashed var(--teal);border-radius:50%;left:30px;top:100px;transform:rotate(-8deg)}.stop{position:absolute;display:grid;place-items:center;width:50px;height:50px;background:white;border:5px solid var(--teal);border-radius:50%;font:800 16px Manrope}.stop small{position:absolute;top:48px;text-transform:uppercase;font:700 8px "DM Sans";letter-spacing:.1em}.stop.one{left:50px;bottom:48px}.stop.two{left:48%;top:98px}.stop.three{right:42px;bottom:65px}.welcome-card{position:absolute;left:24%;top:105px;background:white;padding:20px;border-radius:10px;box-shadow:0 18px 35px #17342e22;transform:rotate(-4deg);display:flex;gap:10px;align-items:center}.welcome-card i{font-size:30px}.welcome-card b{font-family:Manrope;line-height:1.2}.email{position:absolute;z-index:2;left:10%;top:38%;width:80%;background:white;border-radius:10px;padding:20px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 45px #795e1e38;transform:rotate(-3deg)}.email>span{display:grid;place-items:center;width:44px;height:44px;background:var(--mint);border-radius:50%;font-weight:bold}.email p{flex:1;margin:0}.email small{display:block;color:#687a75}.email>i{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--coral);color:var(--coral);border-radius:50%;font-style:normal;font-weight:bold}.lens{position:absolute;z-index:3;width:125px;height:125px;border:14px solid var(--ink);border-radius:50%;left:48%;top:25%}.lens:after{content:"";position:absolute;width:110px;height:14px;background:var(--ink);right:-88px;bottom:-45px;transform:rotate(46deg);border-radius:10px}.alert{position:absolute;display:grid;place-items:center;background:var(--coral);color:white;border-radius:50%;font-weight:bold}.a1{width:45px;height:45px;left:12%;top:18%}.a2{width:60px;height:60px;right:9%;bottom:12%}.copy{padding:35px}.copy>p{font-size:10px;letter-spacing:.14em;color:var(--teal);font-weight:bold}.copy h2{font-size:40px}.copy>span{display:block;line-height:1.6;margin:12px 0 21px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.tags i{font-style:normal;border:1px solid #d7dfda;border-radius:30px;padding:6px 10px;font-size:10px}.copy>strong{display:flex;justify-content:space-between;border-top:1px solid #d7dfda;padding-top:20px}.why{background:var(--ink);color:white;padding:85px max(28px,calc((100vw - 1144px)/2))}.why>p{color:var(--mint)}.why>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.why article{border-top:1px solid #ffffff33;padding-top:22px}.why article>b{color:var(--gold)}.why h3{font-size:22px;margin:15px 0 8px}.why span{color:#b9cbc6;font-size:13px}footer{padding:25px max(28px,calc((100vw - 1144px)/2));display:flex;justify-content:space-between;font-size:11px}footer a{font-weight:bold}@media(max-width:800px){.courses{grid-template-columns:1fr}.why>div{grid-template-columns:1fr}.art{height:300px}}@media(max-width:500px){.intro{padding-top:45px}.courses{padding-left:15px;padding-right:15px}.art{height:270px}.welcome-card{left:15%;top:90px}.stop.two{left:45%}.email{left:5%;width:90%;font-size:11px}.lens{left:43%}.copy{padding:26px}footer{flex-direction:column;gap:8px}}