@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@700;800;900&display=swap');
:root{
 --navy:#07152e;--blue:#155eef;--cyan:#12b5cb;--gold:#f5b83d;--cream:#fffaf0;
 --ink:#111827;--muted:#667085;--line:#e8edf4;--soft:#f5f8fc;--white:#fff;
 --shadow:0 18px 50px rgba(7,21,46,.10);--radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.top{background:#050e20;color:#dce7f7;font-size:13px}.top .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0;flex-wrap:wrap}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,237,244,.9)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:11px;font-family:Montserrat,sans-serif;font-weight:900;color:var(--navy);font-size:20px;line-height:1}
.logo-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 9px 25px rgba(21,94,239,.25)}
.logo small{display:block;font:700 9px Inter,sans-serif;letter-spacing:1.4px;color:#7a8799;margin-top:6px}
.menu{display:flex;align-items:center;gap:2px}.menu>a,.dropbtn{font:600 13px Inter,sans-serif;color:#27364d;padding:10px 9px;border:0;background:transparent;border-radius:9px;cursor:pointer}
.menu>a:hover,.dropbtn:hover{background:#edf4ff;color:var(--blue)}
.dropdown{position:relative}.dropbtn{white-space:nowrap}.dropdown-content{display:none;position:absolute;top:calc(100% + 7px);left:0;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:8px;min-width:225px}
.dropdown-content a{display:block;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#334155}.dropdown-content a:hover{background:#f2f6fb;color:var(--blue)}
.dropdown:hover .dropdown-content{display:block}.mobile{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;font-size:19px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(18,181,203,.24),transparent 34%),linear-gradient(135deg,#06132b,#0d2e63 55%,#0b7890);color:#fff;padding:92px 0 82px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,32,.2),transparent);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px}
.kicker i{width:7px;height:7px;border-radius:50%;background:#42e6a4;box-shadow:0 0 0 5px rgba(66,230,164,.12)}
.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(40px,5.3vw,68px);line-height:1.01;letter-spacing:-2px;margin:18px 0}
.hero h1 span{color:#66e8f2}.hero p{max-width:680px;color:#d9e8fb;font-size:17px}
.actions{margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:10px;background:var(--gold);color:#1b1b1b;font-weight:800;font-size:14px;margin:5px 7px 5px 0;box-shadow:0 9px 25px rgba(245,184,61,.22)}
.btn.alt{background:#fff;color:var(--navy)}.btn.blue{background:var(--blue);color:#fff}
.hero-art{min-height:390px;position:relative;display:grid;place-items:center}
.orb{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#55eff8,rgba(21,94,239,.25) 50%,rgba(255,255,255,.03) 72%);filter:drop-shadow(0 25px 50px rgba(0,0,0,.25));position:absolute}
.console{position:relative;width:310px;padding:25px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);transform:rotate(-5deg);box-shadow:0 30px 70px rgba(0,0,0,.25)}
.console .bars{display:flex;align-items:end;gap:5px;height:130px}.bar{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#63eef4,#f5b83d);opacity:.9}.bar:nth-child(1){height:40%}.bar:nth-child(2){height:75%}.bar:nth-child(3){height:55%}.bar:nth-child(4){height:92%}.bar:nth-child(5){height:64%}.bar:nth-child(6){height:82%}.bar:nth-child(7){height:48%}.console h3{margin:16px 0 0;font-family:Montserrat;font-size:18px}
.stats{background:#fff;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.stat{padding:5px 22px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font:800 28px Montserrat;color:var(--navy)}.stat span{font-size:12px;color:var(--muted)}
section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:1.6px;font-size:11px}.section-head h2{font:800 35px Montserrat;color:var(--navy);margin:5px 0 0;letter-spacing:-1px}.section-head p{color:var(--muted);max-width:620px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 7px 25px rgba(7,21,46,.045);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:25px;margin-bottom:18px}.card h3{font:800 19px Montserrat;color:var(--navy);margin:0 0 9px}.card p{color:var(--muted);font-size:14px;margin:0 0 17px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.feature{background:linear-gradient(135deg,#f5f8fc,#eef6ff);border-radius:24px;padding:35px;border:1px solid var(--line)}
.checks{display:grid;gap:13px;margin-top:22px}.check{display:flex;gap:10px;align-items:flex-start}.check b{color:var(--blue);font-size:17px}.check span{font-size:14px;color:#475467}
.band{background:var(--soft)}.cta{background:linear-gradient(135deg,var(--blue),#0b8caa);border-radius:26px;padding:45px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font:800 30px Montserrat;margin:0 0 7px}.cta p{margin:0;color:#dceeff}
.page-hero{background:linear-gradient(135deg,#06132b,#0d2e63);color:#fff;padding:55px 0}.page-hero h1{font:800 43px Montserrat;margin:0 0 7px}.page-hero p{margin:0;color:#cbdcf2}
.content{max-width:940px;margin:auto}.content h2,.content h3{font-family:Montserrat;color:var(--navy)}.content p,.content li{color:#59677a}.notice{background:#fff8e8;border:1px solid #f4ddb0;border-left:5px solid var(--gold);padding:18px;border-radius:12px}
.course-grid{display:grid;grid-template-columns:1fr 320px;gap:30px}.side{position:sticky;top:105px;height:max-content;background:#07152e;color:#fff;border-radius:18px;padding:25px}.side h3{color:#fff;margin-top:0}.side a{display:block;padding:10px 0;color:#d8e7f9;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}
.form{display:grid;gap:15px}.form label{font-weight:700;font-size:13px;color:#334155}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d5dce6;border-radius:10px;font:inherit;background:#fff}.form textarea{min-height:150px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{height:210px;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0b2d60,#11a4b6)}.gallery-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.25);border-radius:12px}.gallery-card span{position:absolute;bottom:18px;left:18px;color:#fff;font-weight:800}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;box-shadow:0 7px 25px rgba(7,21,46,.05)}
footer{background:#050e20;color:#b9c7d9;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-logo{font:900 20px Montserrat;color:#fff}.footer h4{color:#fff;margin:0 0 13px}.footer a{font-size:13px;display:block;margin:8px 0;color:#b9c7d9}.footer p{font-size:13px}.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.whatsapp{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 12px 30px rgba(37,211,102,.35);z-index:90}
@media(max-width:1000px){.menu{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid var(--line);padding:10px 4%;box-shadow:var(--shadow)}.menu.open{display:block}.menu>a,.dropbtn{display:block;width:100%;text-align:left}.dropdown-content{position:static;box-shadow:none;border:0;padding-left:12px}.dropdown:hover .dropdown-content{display:block}.mobile{display:block}.hero-grid,.split,.course-grid,.contact{grid-template-columns:1fr}.hero-art{min-height:310px}.side{position:static}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border:0}}
@media(max-width:600px){.top .container{justify-content:center}.nav{min-height:70px}.hero{padding:65px 0}.hero h1{font-size:42px}.hero-art{min-height:270px}.console{width:270px}.orb{width:250px;height:250px}.cards,.gallery,.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat{border:0!important;border-bottom:1px solid var(--line)!important;padding:14px}.section-head{display:block}.section-head h2{font-size:29px}.cta{display:block}.cta .btn{margin-top:20px}.page-hero h1{font-size:35px}}