:root{
    --blue:#1E73BE; --blue-d:#14568F; --blue-deep:#0C3A46;
    --navy:#0C3A46; --navy-d:#082A34;
    --pink:#1E73BE; --pink-d:#14568F; --yellow:#FFCB05; --green:#3FA34D;
    --ink:#15222E; --muted:#54626F; --faint:#8393A1; --line:#E4EBF2;
    --bg:#FFFFFF; --surface:#F5F8FC; --blue-soft:#E9F2FB; --pink-soft:#FDEAF3; --yellow-soft:#FFF6DA;
    --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
    --shadow:0 22px 48px -28px rgba(15,59,99,0.42);
  }
  *{box-sizing:border-box;}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px);}
  h1,h2,h3{letter-spacing:-0.02em;text-wrap:balance;margin:0;}
  .eyebrow{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;font-weight:600;}

  .btn{position:relative;display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:1rem;padding:15px 26px;border-radius:14px;border:2.5px solid var(--ink);cursor:pointer;transition:transform .09s,box-shadow .09s;box-shadow:5px 5px 0 var(--ink);}
  .btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink);}
  .btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink);}
  .btn .ar{transition:transform .15s;}
  .btn:hover .ar{transform:translateX(4px);}
  .btn.pink{background:var(--pink);color:#fff;}
  .btn.blue{background:var(--blue);color:#fff;}
  .btn.yellow{background:var(--yellow);color:var(--ink);}
  .btn.white{background:#fff;color:var(--ink);}

  .topbar{background:var(--blue-deep);color:#fff;font-size:0.82rem;}
  .topbar .wrap{display:flex;align-items:center;gap:16px;height:38px;}
  .topbar a{color:#fff;opacity:.85;} .topbar a:hover{opacity:1;}
  .topbar .free{font-weight:700;} .topbar .soc{margin-left:auto;display:flex;gap:14px;}

  header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,0.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
  .nav{display:flex;align-items:center;gap:24px;height:82px;}
  .nav .logo{height:44px;width:auto;}
  .nav .links{display:flex;gap:4px;margin-left:auto;}
  .nav .links a{padding:9px 13px;border-radius:9px;font-size:0.92rem;font-weight:650;color:var(--ink);}
  .nav .links a:hover{background:var(--blue-soft);color:var(--blue);}
  .nav .btn{padding:11px 20px;font-size:0.9rem;box-shadow:4px 4px 0 var(--ink);}

  .hero{position:relative;padding:clamp(40px,5vw,68px) 0 clamp(52px,6vw,84px);color:#fff;overflow:hidden;
    background:linear-gradient(158deg,#0E4150 0%,#0B333E 58%,#092A34 100%);}
  .hero::before{content:"";position:absolute;top:-16%;right:-4%;width:48%;height:82%;z-index:0;pointer-events:none;
    background:radial-gradient(circle at 62% 42%, rgba(255,203,5,.28), rgba(255,203,5,0) 60%);}
  .hero .grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr 0.98fr;gap:clamp(24px,5vw,56px);align-items:center;}
  .hero .eyebrow{color:#8CCBEE;}
  .hero h1{font-size:clamp(2.5rem,5.6vw,4.2rem);font-weight:900;line-height:1.0;margin:16px 0 0;}
  .hero h1 .l1{display:block;color:#fff;}
  .hero h1 .l2{display:block;color:var(--yellow);margin-top:4px;}
  .hero .sub{margin:22px 0 0;max-width:40ch;}
  .hero .sub .p1{font-size:1.1rem;color:rgba(255,255,255,.82);display:block;}
  .hero .sub .p2{display:block;margin-top:12px;font-size:1.32rem;font-weight:800;color:#fff;}
  .hero .sub .p2 b{color:var(--yellow);}
  .hero .actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;}
  .hero .btn{border-color:#04181A;box-shadow:5px 5px 0 #04181A;}
  .hero .btn:hover{box-shadow:3px 3px 0 #04181A;}
  .hero .btn:active{box-shadow:0 0 0 #04181A;}
  .trust{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:32px;}
  .trust div b{display:block;font-size:1.3rem;font-weight:900;line-height:1;color:var(--yellow);}
  .trust div span{font-size:0.8rem;color:rgba(255,255,255,.72);}

  .hero .art{position:relative;z-index:1;}
  .hero .art .ph{position:relative;z-index:2;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);border:6px solid #fff;aspect-ratio:4/3.3;transform:rotate(-1.5deg);}
  .hero .art .ph img{width:100%;height:100%;object-fit:cover;}
  .hero .art .blob{position:absolute;width:70%;height:74%;right:-5%;top:-8%;background:radial-gradient(circle at 50% 50%,#FFD524,#F1B200);border-radius:46% 54% 57% 43%/44% 46% 54% 56%;z-index:0;box-shadow:0 0 90px 10px rgba(255,203,5,.35);}
  .hero .art .c{position:absolute;z-index:3;width:74px;height:74px;border-radius:50%;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);background:#fff;padding:5px;}
  .hero .art .c img{width:100%;height:100%;object-fit:contain;border-radius:50%;}
  .hero .art .c1{top:-22px;left:8%;} .hero .art .c2{bottom:34px;left:-26px;width:84px;height:84px;} .hero .art .c3{bottom:-20px;right:16%;width:80px;height:80px;} .hero .art .c4{top:30%;right:-24px;}
  @media (prefers-reduced-motion:no-preference){
    .hero .art .ph{animation:floatPh 7s ease-in-out infinite;}
    @keyframes floatPh{0%,100%{transform:rotate(-1.5deg) translateY(0);}50%{transform:rotate(-0.5deg) translateY(-13px);}}
    .hero .art .ph img{animation:kenburns 24s ease-in-out infinite alternate;}
    @keyframes kenburns{from{transform:scale(1);}to{transform:scale(1.08);}}
    .hero .art .blob{animation:sunpulse 9s ease-in-out infinite;}
    @keyframes sunpulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.05);opacity:.9;}}
    .hero .art .c{animation:floatC 6s ease-in-out infinite;}
    .hero .art .c2{animation-duration:7.4s;animation-delay:-2s;}
    .hero .art .c3{animation-duration:6.7s;animation-delay:-1s;}
    .hero .art .c4{animation-duration:8.1s;animation-delay:-3s;}
    @keyframes floatC{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
  }

  section{padding:clamp(48px,7vw,84px) 0;}
  .shead{max-width:680px;}
  .shead h2{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:850;margin:12px 0 0;}
  .shead p{color:var(--muted);font-size:1.08rem;margin:14px 0 0;}

  .feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
  .feat{background:#fff;border:2px solid var(--line);border-radius:20px;padding:26px;transition:transform .15s,box-shadow .15s,border-color .15s;}
  .feat:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--yellow);}
  .feat .ic{width:88px;height:88px;object-fit:contain;margin:-4px 0 12px -4px;display:block;}
  .feat h3{font-size:1.16rem;font-weight:800;margin:0 0 6px;}
  .feat p{color:var(--muted);font-size:0.96rem;margin:0;}

  .paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;}
  .path{position:relative;border-radius:24px;padding:34px;overflow:hidden;color:#fff;}
  .path.pro{background:var(--blue);} .path.cef{background:var(--blue-deep);}
  .path::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,0.09);}
  .path .lvl{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;opacity:.9;position:relative;}
  .path h3{font-size:1.55rem;font-weight:850;margin:8px 0 10px;position:relative;}
  .path p{opacity:.94;font-size:0.98rem;margin:0 0 20px;max-width:38ch;position:relative;}
  .path a{color:#fff;font-weight:800;border-bottom:3px solid var(--yellow);padding-bottom:2px;position:relative;}

  .courses{background:var(--surface);}
  .agroup{margin-top:44px;}
  .agroup .at{display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:850;margin-bottom:18px;}
  .agroup .at i{width:14px;height:14px;border-radius:5px;background:var(--ac);}
  .cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;}
  .crs{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:16px 10px;border-radius:16px;background:#fff;border:1.5px solid var(--line);transition:transform .13s,box-shadow .13s;}
  .crs:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
  .crs img{width:74px;height:74px;object-fit:contain;}
  .crs span{font-size:0.8rem;font-weight:650;line-height:1.25;color:var(--ink);}

  .life{background:#fff;}
  .gal2{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:195px;gap:14px;margin-top:36px;}
  .gal2 figure{position:relative;margin:0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);}
  .gal2 figure.big{grid-row:span 2;}
  .gal2 figure.wide{grid-column:span 2;}
  .gal2 img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
  .gal2 figure:hover img{transform:scale(1.05);}
  .gal2 figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 13px;font-size:0.82rem;font-weight:750;letter-spacing:.01em;color:#fff;background:linear-gradient(transparent,rgba(7,28,34,.85));}
  @media (max-width:760px){ .gal2{grid-template-columns:1fr 1fr;grid-auto-rows:150px;} .gal2 figure.big{grid-row:span 2;} .gal2 figure.wide{grid-column:span 2;} }
  .gal2 figure{cursor:zoom-in;}
  .lb{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:rgba(7,26,32,.94);opacity:0;visibility:hidden;transition:opacity .25s;cursor:zoom-out;}
  .lb.open{opacity:1;visibility:visible;}
  .lb img{max-width:92vw;max-height:80vh;width:auto;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.85);transform:scale(.95);transition:transform .28s cubic-bezier(.2,.7,.2,1);}
  .lb.open img{transform:scale(1);}
  .lb .cap{color:#fff;font-weight:750;font-size:.98rem;opacity:.92;}
  .lb .x{position:absolute;top:18px;right:26px;width:44px;height:44px;display:grid;place-items:center;color:#fff;font-size:2rem;line-height:1;opacity:.85;}
  .lb .x:hover{opacity:1;}

  .stats{background:linear-gradient(158deg,#0E4150 0%,#0B333E 60%,#092A34 100%);color:#fff;}
  .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
  .stat .n{font-size:clamp(2.3rem,5vw,3.4rem);font-weight:900;line-height:1;letter-spacing:-0.03em;color:var(--yellow);}
  .stat .l{font-size:0.95rem;opacity:.94;margin-top:6px;}

  .cta .card{position:relative;overflow:hidden;background:var(--blue-deep);color:#fff;border-radius:28px;padding:clamp(40px,6vw,64px);text-align:center;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);}
  .cta h2{font-size:clamp(2rem,4vw,3rem);font-weight:900;margin:0;}
  .cta p{font-size:1.12rem;opacity:.96;margin:14px auto 0;max-width:44ch;}
  .cta .actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:28px;}

  footer{background:var(--blue-deep);color:#fff;padding:0 0 28px;}
  .fund{background:#fff;border-radius:0 0 20px 20px;padding:22px 30px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:center;}
  .fund img{height:66px;width:auto;object-fit:contain;}
  .fmain{padding-top:52px;}
  .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:32px;}
  .fcol h4{font-size:0.76rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--yellow);margin:0 0 14px;font-family:var(--mono);}
  .fcol a,.fcol p{display:block;color:rgba(255,255,255,0.82);font-size:0.92rem;margin:0 0 9px;}
  .fcol a:hover{color:#fff;}
  .fcol .free{font-weight:850;font-size:1.2rem;color:#fff;}
  .flogo{background:#fff;border-radius:14px;padding:12px;display:inline-block;margin-bottom:14px;}
  .flogo img{height:70px;}
  .fbar{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,0.16);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:0.82rem;color:rgba(255,255,255,0.6);}

  .sr{opacity:1;}
  @media (prefers-reduced-motion:no-preference){ .sr.in{animation:rise .6s cubic-bezier(.2,.7,.2,1);} @keyframes rise{from{opacity:0;transform:translateY(22px);}} }
  @media (max-width:900px){ .feats{grid-template-columns:repeat(2,1fr);} .stats .wrap{grid-template-columns:repeat(2,1fr);} .fgrid{grid-template-columns:1fr 1fr;} }
  @media (max-width:760px){ .hero .grid{grid-template-columns:1fr;} .hero .art{order:-1;margin-bottom:20px;} }
  @media (max-width:680px){ .nav .links,.topbar{display:none;} .paths{grid-template-columns:1fr;} .feats{grid-template-columns:1fr;} .fgrid{grid-template-columns:1fr;} .fund img{height:48px;} }