@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#07101f;--surface:#0c1729;--surface2:#101f35;--text:#eef5ff;--muted:#9aabc2;--line:rgba(255,255,255,.1);--primary:#5b7cff;--accent:#9b5cff;--glow:rgba(91,124,255,.3);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(91,124,255,.12),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}body.light{--bg:#f4f7fb;--surface:#fff;--surface2:#eef3fa;--text:#101828;--muted:#667085;--line:rgba(16,24,40,.1)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}.navbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(7,16,31,.7);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}body.light .navbar{background:rgba(244,247,251,.75)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand>span:last-child>span{color:#7e8cff}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 10px 30px var(--glow);font-weight:800}.desktop-nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.desktop-nav a:hover{color:var(--text)}.nav-actions{display:flex;gap:10px;align-items:center}.btn,.icon-btn{border:1px solid var(--line);border-radius:12px;padding:10px 16px;background:transparent;transition:.25s}.btn:hover,.icon-btn:hover{transform:translateY(-2px);border-color:rgba(126,140,255,.5)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));border:0;box-shadow:0 10px 30px var(--glow)}.btn-ghost{background:rgba(255,255,255,.03)}.btn-glass{background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.btn-lg{padding:14px 20px}.icon-btn{width:42px;height:42px;padding:0}.menu-btn{display:none}.hero{min-height:700px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:80px 8%}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-content,.hero-visual{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:#8e9dff;font-weight:800}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-3px;margin:16px 0}.hero h1 span,h2 span{background:linear-gradient(90deg,#8da2ff,#c28cff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px}.hero-visual{min-height:500px;display:grid;place-items:center}.orb{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#5b7cff55,transparent 65%);filter:blur(12px)}.dashboard-card,.preview-panel{width:min(430px,90vw);padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));backdrop-filter:blur(20px);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.mini-top,.panel-head,.progress-row{display:flex;justify-content:space-between;gap:10px}.live-dot{color:#7ff0b4}.score-ring{width:150px;height:150px;border-radius:50%;margin:35px auto;background:conic-gradient(#7187ff 78%,rgba(255,255,255,.08) 0);display:grid;place-items:center;position:relative}.score-ring:after{content:"";position:absolute;inset:13px;background:var(--surface);border-radius:50%}.score-ring span{z-index:1;font-size:28px;font-weight:800}.bars{height:150px;display:flex;align-items:end;gap:12px}.bars i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(#8397ff,#6e48d9);min-height:20px}.mini-stats,.dashboard-items{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.mini-stats span,.dashboard-items div{color:var(--muted);font-size:12px}.mini-stats b,.dashboard-items strong{display:block;color:var(--text);font-size:18px}.floating-card{position:absolute;padding:15px 18px;background:rgba(14,27,47,.8);border:1px solid var(--line);backdrop-filter:blur(15px);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.floating-card strong{display:block;font-size:22px}.floating-card small{color:var(--muted)}.fc-one{top:12%;right:0}.fc-two{bottom:15%;left:0}.section{max-width:1200px;margin:auto;padding:90px 5%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:30px}.stat-card,.feature-card,.mentor-card{padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-radius:var(--radius)}.stat-card strong{display:block;font-size:34px}.stat-card span{color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:8px 0 0;letter-spacing:-1.5px}.text-link{color:#a9b6ff;font-size:14px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid var(--line);background:transparent;padding:9px 14px;border-radius:999px;color:var(--muted)}.filter.active{background:rgba(108,126,255,.15);color:var(--text);border-color:#7185ff}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:22px;transition:.3s}.course-card:hover{box-shadow:0 25px 60px rgba(0,0,0,.25)}.course-cover{height:170px;padding:18px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#263b9c,#742e91)}.course-cover span{padding:7px 10px;background:rgba(0,0,0,.3);border-radius:8px;font-size:11px}.course-body{padding:20px}.course-body h3{margin:0 0 8px}.course-body p{color:var(--muted);font-size:13px;margin:0 0 14px}.course-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.course-price{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price{font-weight:800;font-size:20px}.dark-section{max-width:none;background:linear-gradient(135deg,#080f20,#11162c);padding-left:8%;padding-right:8%}.exam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.exam-card{min-height:220px;padding:26px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at top right,rgba(130,120,255,.18),transparent 45%),rgba(255,255,255,.03)}.exam-card b{font-size:30px}.exam-card p{color:var(--muted)}.exam-card button{margin-top:30px;background:none;border:0;color:#a9b6ff;padding:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));font-size:20px}.feature-card p,.mentor-card p{color:var(--muted);font-size:14px}.dashboard-preview{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.preview-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.08}.preview-copy p{color:var(--muted);max-width:520px}.progress{height:10px;background:rgba(255,255,255,.08);border-radius:999px;margin:12px 0}.progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent))}.dashboard-items>div{flex:1;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.03)}.mentor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#526eff,#9a4ed5);font-weight:800;font-size:20px}.mentor-card span{color:#ffd56a;font-size:13px}.faq{max-width:850px;margin:auto}.faq-q{width:100%;padding:20px 0;border:0;border-bottom:1px solid var(--line);background:none;display:flex;justify-content:space-between;font-weight:600;text-align:left}.faq-a{display:none;padding:15px 0;color:var(--muted)}.faq-q.open+.faq-a{display:block}.contact-card{padding:45px;border-radius:30px;background:linear-gradient(135deg,#202e79,#54236c);display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-card h2{font-size:40px;margin:8px 0}.contact-card p{color:#d1d8ed}footer{border-top:1px solid var(--line);padding:55px 8% 20px}.footer-inner{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-inner>div{display:flex;flex-direction:column;gap:10px}.footer-inner p,.footer-inner a{color:var(--muted);font-size:13px}.footer-inner b{margin-bottom:8px}.copyright{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--muted);font-size:12px}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);z-index:100;place-items:center;padding:20px}.modal.show{display:grid}.modal-box{width:min(430px,100%);position:relative;padding:32px;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:0 30px 100px #0008}.modal-box h2{font-size:34px;margin:8px 0 22px}.modal-box form{display:grid;gap:12px}.modal-box input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);outline:none}.modal-box input:focus{border-color:#7185ff}.modal-close,.close-btn{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px}.full{width:100%}.modal-switch{text-align:center;color:var(--muted);font-size:13px}.modal-switch button{border:0;background:none;color:#91a1ff}.password-meter{height:4px;background:var(--line);border-radius:5px}.password-meter i{display:block;height:100%;width:0;background:#6ee7a0;border-radius:inherit}.toast{position:fixed;right:22px;bottom:22px;padding:13px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 20px 50px #0005;transform:translateY(100px);opacity:0;transition:.3s;z-index:200}.toast.show{transform:none;opacity:1}.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(330px,85vw);background:var(--surface);z-index:90;padding:80px 25px;display:flex;flex-direction:column;gap:18px;transform:translateX(110%);transition:.3s;box-shadow:-20px 0 70px #0005}.mobile-menu.show{transform:none}.mobile-menu a{font-size:18px;color:var(--muted)}.close-btn{right:20px;top:18px}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.tilt{transform-style:preserve-3d;will-change:transform}.tilt>*{transform:translateZ(12px)}