:root{--bg:#0B1020;--panel:#10182b;--panel2:#111d34;--violet:#4F46E5;--cyan:#06B6D4;--white:#F8FAFC;--muted:#94A3B8;--line:#26324a;--grad:linear-gradient(135deg,#06B6D4,#4F46E5 55%,#8b5cf6);--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Inter,Arial,sans-serif;background:radial-gradient(circle at 70% 10%,rgba(79,70,229,.18),transparent 30%),var(--bg);color:var(--white);line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(11,16,32,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.12)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;letter-spacing:-1.4px;position:relative;padding-bottom:10px}.brand b{background:var(--grad);-webkit-background-clip:text;color:transparent}.brand small{position:absolute;left:32px;bottom:0;font-size:7px;letter-spacing:5px;color:#cbd5e1}.nav nav{display:flex;align-items:center;gap:25px;font-size:14px}.nav-toggle{display:none;background:none;border:0;color:white;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:12px;background:var(--grad);font-weight:800;border:1px solid transparent;box-shadow:0 10px 30px rgba(79,70,229,.22)}.btn.ghost{background:transparent;border-color:#3b4862;box-shadow:none}.btn.secondary{background:#111a2d;border-color:#31405d}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px}.eyebrow{display:inline-flex;border:1px solid #31405d;background:rgba(17,29,52,.65);padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.8px}.hero h1{font-size:clamp(46px,5.5vw,76px);line-height:.98;letter-spacing:-4px;margin:22px 0}.gradient-text{background:var(--grad);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:#cbd5e1;max-width:650px}.actions{display:flex;gap:14px;margin:28px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:42px}.stat{border-right:1px solid var(--line);padding-right:22px;margin-right:22px}.stat:last-child{border:0}.stat strong{font-size:22px;color:#37d6ff;display:block}.stat span{font-size:12px;color:#cbd5e1}.lab-visual{position:relative;height:520px}.orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.5}.orb.a{width:260px;height:260px;background:#1d4ed8;right:30px;top:80px;filter:blur(90px)}.orb.b{width:220px;height:220px;background:#7c3aed;left:30px;bottom:40px;filter:blur(80px)}.glass-card{position:absolute;inset:45px 0 25px 30px;border:1px solid rgba(148,163,184,.22);border-radius:32px;background:linear-gradient(145deg,rgba(17,29,52,.72),rgba(11,16,32,.45));backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow:hidden}.flask{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:210px;height:290px;border:12px solid #30c8ff;border-top:0;clip-path:polygon(28% 0,72% 0,72% 30%,100% 90%,100% 100%,0 100%,0 90%,28% 30%);background:linear-gradient(to top,#6338f4 0 34%,transparent 34%);filter:drop-shadow(0 0 24px rgba(6,182,212,.4))}.bubble{position:absolute;border-radius:50%;background:#26c7ff;box-shadow:0 0 18px #26c7ff}.bubble.b1{width:17px;height:17px;left:51%;top:17%}.bubble.b2{width:11px;height:11px;left:47%;top:25%}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2{font-size:38px;letter-spacing:-2px;margin:0}.muted{color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card{background:linear-gradient(160deg,#111c31,#0d1425);border:1px solid rgba(148,163,184,.16);border-radius:20px;overflow:hidden;transition:.25s}.course-card:hover{transform:translateY(-5px);border-color:#46557a}.course-cover{height:190px;background:radial-gradient(circle at 70% 30%,#1f78ff55,transparent 30%),linear-gradient(135deg,#0b1327,#172445);display:flex;align-items:center;justify-content:center;font-size:64px}.course-body{padding:22px}.badge{font-size:10px;font-weight:800;color:#4de0ff;background:#06394c;border:1px solid #0d6079;border-radius:999px;padding:5px 9px}.course-card h3{font-size:19px;line-height:1.3;margin:15px 0 8px}.course-meta{display:flex;gap:15px;color:#b9c4d6;font-size:12px}.price{font-size:20px;font-weight:800;margin:17px 0}.form-shell{width:min(520px,92%);margin:70px auto;padding:32px;border-radius:22px;background:#10182b;border:1px solid var(--line);box-shadow:var(--shadow)}label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}input,select,textarea{width:100%;background:#0b1324;border:1px solid #33415d;color:white;padding:13px 14px;border-radius:10px;font:inherit}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid var(--line);padding:30px 20px;background:#0c1425}.sidebar a{display:block;padding:11px 13px;border-radius:10px;color:#cbd5e1}.sidebar a:hover{background:#16213a;color:white}.dash-main{padding:36px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{background:#111b30;border:1px solid var(--line);border-radius:16px;padding:20px}.kpi strong{display:block;font-size:28px;margin-top:5px}.notice{padding:13px;border:1px solid #34506a;background:#0d2635;border-radius:10px;margin:12px 0}footer{border-top:1px solid var(--line);padding:50px 0 20px;color:#aeb9cb}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid a{display:block;margin:8px 0}.footnote{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:12px}
@media(max-width:850px){.nav-toggle{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b1020;padding:20px;flex-direction:column}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.hero h1{letter-spacing:-2.5px}.lab-visual{height:400px}.stats{grid-template-columns:1fr 1fr;gap:20px}.course-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.sidebar{display:none}.kpis{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}}