@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071321;--navy2:#0b1d30;--cyan:#38e4e0;--muted:#9eafc0;--ink:#102338}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f6f9fc;color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}header{height:82px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5;border-bottom:1px solid #20374a}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:18px;line-height:1.15}.logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--cyan);color:var(--cyan);font-size:24px;border-radius:12px}.brand small{display:block;font:9px 'DM Mono',monospace;letter-spacing:1px;color:#8da4b9;margin-top:5px}.cyan{color:var(--cyan)}nav{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:700;color:#d6e1ec}nav a:hover{color:var(--cyan)}.navbtn{padding:9px 14px;border:1px solid var(--cyan);border-radius:6px;color:var(--cyan)}#toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{background:radial-gradient(ellipse at 76% 42%,#113955 0%,var(--navy) 48%);color:white;padding:70px 7% 0;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.hero-text{max-width:620px}.eyebrow,.label,.category{font:11px 'DM Mono',monospace;letter-spacing:1.4px;color:#199eaa}.eyebrow{color:var(--cyan)}h1{font-size:clamp(42px,6vw,76px);line-height:1.07;letter-spacing:-3px;margin:18px 0}.hero-text>p:not(.eyebrow){max-width:500px;color:#b6c5d3;font-size:15px}.actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 17px;border-radius:7px;font:700 12px Manrope,sans-serif;cursor:pointer}.primary{background:var(--cyan);color:#061623;border:1px solid var(--cyan)}.secondary{border:1px solid #4a647a;color:white}.checks{margin:28px 0;color:#93a8bb;font-size:10px}.visual{height:360px;position:relative;display:grid;place-items:center}.ring{position:absolute;width:300px;height:300px;border:1px solid #26727a;border-radius:50%;box-shadow:0 0 0 40px #12324455,0 0 0 80px #12324433}.shield{width:160px;height:185px;clip-path:polygon(50% 0,94% 18%,86% 69%,50% 100%,14% 69%,6% 18%);background:linear-gradient(140deg,#3debe5,#167c9e);display:grid;place-items:center;color:var(--cyan);font-size:68px;text-shadow:0 0 18px #38e4e0}.float{position:absolute;display:flex;align-items:center;gap:10px;padding:13px;background:#0a1d2ef2;border:1px solid #24485e;border-radius:9px;font-size:11px}.float b{font:10px 'DM Mono',monospace;color:var(--cyan)}.float.top{top:45px;right:0}.float.bottom{bottom:40px;left:0;color:var(--cyan);font-size:24px}.float small{display:block;color:#90a5b8;font-size:10px}.strip{grid-column:1/-1;border-top:1px solid #20374a;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:20px 0;color:#7f98ad;font:9px 'DM Mono',monospace;letter-spacing:1px}.section{padding:85px 7%}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:16px 0 34px}.heading h2,.contact h2{font-size:clamp(30px,4vw,47px);line-height:1.18;letter-spacing:-1.5px;margin:0}.muted{color:#8b9bab}.heading>p{max-width:390px;color:#6b7d8d;font-size:13px;margin:0}.grid{display:grid;gap:16px}.three{grid-template-columns:repeat(3,1fr)}.card,.lesson{padding:24px;border:1px solid #dce5ec;background:white;border-radius:11px}.num{font:11px 'DM Mono',monospace;color:#1a9eac}.card h3,.service h3,.lesson h3{font-size:16px;margin:15px 0 8px}.card p,.service p,.lesson p{font-size:12px;color:#748493;line-height:1.8}.motto{color:#148e9c}.dark{background:var(--navy);color:white}.dark .heading>p{color:#a4b5c5}.service{padding:24px;border:1px solid #1c3549;border-radius:11px;background:linear-gradient(150deg,#0d2236,#091827);min-height:205px}.service i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #2c7180;border-radius:9px;color:var(--cyan);font-size:22px;font-style:normal}.service h3{color:#f0f7fc}.service p{color:#9badbc}.service small{font:9px 'DM Mono',monospace;color:var(--cyan);letter-spacing:1px}.notice{font-size:11px;color:#9aafbf;margin-top:24px}.level{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:#1498a5}.lesson a{font-size:11px;font-weight:800;color:#168d99}.note{margin-top:22px;padding:18px;background:#e8f8f8;border:1px solid #c6eeee;border-radius:9px;font-size:12px}.note p{margin:3px 0;color:#627a88}.category{font-size:9px;color:#1799a7}.contact{padding:80px 7%;background:var(--navy2);color:white;display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact h2{margin:18px 0}.contact>div>p{color:#a8bac8;font-size:13px}.details{margin-top:28px}.details p{display:flex;flex-direction:column;gap:4px;margin:17px 0;font-size:12px}.details small{font:9px 'DM Mono',monospace;letter-spacing:1.4px;color:#7293aa}form{padding:24px;background:#0a1a29;border:1px solid #234158;border-radius:11px;display:grid;gap:14px}form label{display:grid;gap:6px;font-size:11px;color:#b6c8d6}input,textarea{width:100%;background:#071321;color:white;border:1px solid #294257;border-radius:6px;padding:11px;font:12px Manrope,sans-serif}#status{font-size:10px;color:#91a6b7;margin:0}footer{background:#06101c;color:#9aafc0;padding:28px 7% 16px}footer>p{font-size:11px;margin:18px 0}.footbottom{border-top:1px solid #203244;padding-top:14px;display:flex;justify-content:space-between;font-size:10px}
@media(max-width:850px){header{height:70px}#toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:70px;background:#081725;padding:20px 25px;flex-direction:column;align-items:stretch;gap:16px}nav.open{display:flex}.hero{padding-top:45px;grid-template-columns:1fr}.visual{height:290px}.strip{margin-top:10px}.section{padding-top:65px;padding-bottom:65px}.heading{display:block}.heading>p{margin-top:14px}.three{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr;gap:32px}}
@media(max-width:540px){h1{letter-spacing:-2px}.three{grid-template-columns:1fr}.visual{height:260px}.ring{width:220px;height:220px}.shield{transform:scale(.8)}.float.top{top:20px}.float.bottom{bottom:20px}.strip{font-size:8px}.footbottom{flex-direction:column}}