@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172b3a;--muted:#657582;--blue:#176b87;--pale:#edf4f5;--line:#dce5e8;--paper:#fbfcfa;--orange:#e5a15d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 22px Manrope;border-radius:11px}.brand strong{display:block;font:800 15px Manrope;letter-spacing:-.3px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.desktop-nav{display:flex;gap:34px;color:#536471;font-size:13px}.desktop-nav a:hover{color:var(--blue)}.login-button{border:1px solid #b9cbd1;border-radius:7px;background:#fff;padding:11px 16px;color:var(--ink);font:600 12px 'DM Sans';cursor:pointer}.login-button span{margin-left:12px;color:var(--blue)}
.hero{position:relative;overflow:hidden;background:#102f43;color:#fff;min-height:440px;padding:84px max(8vw,28px) 76px}.hero-inner{position:relative;z-index:2;max-width:700px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#a9cbd3}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}.hero h1{font:800 clamp(48px,6vw,76px)/1.04 Manrope;letter-spacing:-3.5px;margin:25px 0 18px}.hero h1 em{font-style:normal;color:#9bc9d2}.hero-copy{max-width:550px;color:#d1e0e5;font-size:16px;line-height:1.7;margin:0 0 30px}.search-box{display:flex;align-items:center;background:#fff;border-radius:8px;padding:6px 7px 6px 17px;max-width:670px;box-shadow:0 15px 40px #071d2b55}.search-icon{font-size:27px;color:#71818a;margin-right:12px}.search-box input{flex:1;min-width:0;border:0;outline:0;font:14px 'DM Sans';color:var(--ink);padding:13px 0}.search-box button{background:var(--orange);border:0;border-radius:6px;padding:13px 24px;color:#172b3a;font:700 13px 'DM Sans';cursor:pointer}.search-hint{font-size:11px;color:#a9c1c9;margin-top:12px}.hero-decoration{position:absolute;right:8%;top:60px;width:360px;height:330px;opacity:.65}.blueprint{position:absolute;border:1px solid #6d9eae55;background:linear-gradient(135deg,#ffffff08,#ffffff02);transform:rotate(-12deg)}.blueprint-one{width:210px;height:250px;right:35px;top:8px;padding:18px;color:#8ab7c3;font:11px monospace}.blueprint-one i{display:block;border-top:1px solid #8ab7c366;margin-top:35px;width:80%}.blueprint-two{width:180px;height:130px;right:125px;bottom:0;transform:rotate(13deg)}.blueprint-two b{display:block;position:absolute;inset:20px;border:1px solid #8ab7c366}.blueprint-two b+ b{inset:40px}.blueprint-three{right:0;bottom:40px;color:#e5a15d;font-size:70px}
.content-section{max-width:1120px;margin:auto;padding:76px 28px 90px}.section-heading,.courses-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow.dark{color:var(--blue)}h2{font:800 32px/1.2 Manrope;letter-spacing:-1.2px;margin:10px 0 0}.section-heading p{max-width:350px;color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 3px}.trade-card{margin-top:30px;padding:28px 30px;background:#edf4f5;border:1px solid #dce8e9;border-radius:10px;display:flex;align-items:center;gap:24px}.trade-icon{width:60px;height:60px;border-radius:9px;background:#d5e7e9;color:var(--blue);display:grid;place-items:center;font-size:35px}.trade-info{flex:1}.trade-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--blue)}.trade-info h3{font:800 23px Manrope;margin:6px 0}.trade-info p{font-size:13px;color:#586b75;margin:0 0 13px}.trade-meta{display:flex;gap:10px;color:#72838a;font-size:10px}.round-arrow{width:40px;height:40px;border:1px solid #b7cbd0;border-radius:50%;display:grid;place-items:center;font-size:19px;color:var(--blue)}.courses-heading{margin:65px 0 22px;align-items:end}.courses-heading h2{font-size:27px}.count{font-size:11px;color:var(--muted);padding-bottom:5px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:17px 18px;min-height:91px;display:flex;align-items:center;gap:13px;transition:.18s}.course-card:hover{border-color:#8ab7c3;transform:translateY(-2px);box-shadow:0 8px 20px #183b4a0d}.course-index{font:700 10px Manrope;color:#8ba0a8;background:#f0f5f5;border-radius:5px;padding:7px}.course-name{font-size:12px;font-weight:600;line-height:1.4}.course-arrow{margin-left:auto;color:#93a6ac}.empty-state{padding:30px;text-align:center;color:var(--muted);font-size:13px}.topics-section{background:#17394c;color:white;padding:60px 28px}.topics-inner{max-width:1064px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.topics-inner h2{font-size:32px}.topics-inner p{color:#c1d3d9;line-height:1.8;font-size:13px;max-width:470px}.topic-pills{display:flex;gap:10px;flex-wrap:wrap}.topic-pills span{border:1px solid #7394a055;background:#ffffff0a;padding:12px 16px;border-radius:30px;color:#dce9ec;font-size:12px}.about-section{max-width:1064px;margin:auto;padding:78px 28px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.about-number{font-size:10px;letter-spacing:1.5px;color:var(--blue);font-weight:700;padding-top:10px}.about-section h2{margin:0 0 15px}.about-section p{max-width:670px;color:var(--muted);font-size:14px;line-height:1.9;margin:0}footer{border-top:1px solid var(--line);padding:24px max(5vw,24px);display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.brand-mark.small{width:27px;height:27px;font-size:15px;border-radius:7px}.footer-note{margin-left:auto}
@media(max-width:760px){.topbar{height:70px}.brand small{display:none}.desktop-nav{display:none}.hero{padding:65px 25px 60px;min-height:420px}.hero h1{letter-spacing:-2px}.hero-decoration{right:-190px;opacity:.3}.hero-copy{font-size:14px}.search-box{padding-left:12px}.search-box button{padding:12px 15px}.content-section{padding:55px 20px 65px}.section-heading{display:block}.section-heading p{margin-top:12px}.trade-card{padding:20px;gap:14px}.trade-icon{width:48px;height:48px}.trade-info p{line-height:1.5}.trade-meta{flex-wrap:wrap}.course-grid{grid-template-columns:1fr 1fr}.topics-inner{grid-template-columns:1fr;gap:25px}.about-section{grid-template-columns:1fr;gap:18px;padding:55px 25px}.about-section h2,.topics-inner h2{font-size:27px}}
@media(max-width:430px){.login-button{padding:9px 10px;font-size:11px}.brand strong{font-size:13px}.brand-mark{width:33px;height:33px}.course-grid{grid-template-columns:1fr}.course-card{min-height:72px}.trade-meta{font-size:9px}.trade-info h3{font-size:20px}}