:root{--ink:#111827;--muted:#6b7280;--purple:#6d4aff;--purple2:#9b6cff;--navy:#0b1020;--line:#e9eaf2;--surface:#fff;--soft:#f6f5ff;--shadow:0 24px 70px rgba(17,24,39,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:#f7f8fc!important;color:var(--ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}.topbar{height:34px;background:#080d1b;color:#aeb6c8;font-size:10px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,6vw,88px);letter-spacing:.1px}.home-nav{height:74px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,227,236,.8);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,6vw,88px);position:sticky;top:0;z-index:50}.home-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:14px;font-weight:850;color:#151827!important;letter-spacing:-.2px}.home-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#151a31,#6d4aff 70%,#9b6cff);color:#fff;box-shadow:0 10px 25px rgba(109,74,255,.25);font-size:12px}.home-links{display:flex;align-items:center;gap:5px}.home-links a{position:relative;text-decoration:none;color:#626a7d!important;font-size:11px;font-weight:700;padding:11px 12px;border-radius:9px;transition:.2s}.home-links a:hover{background:#f4f2ff;color:var(--purple)!important}.home-links .nav-login{background:#151a31;color:#fff!important;padding:11px 17px;margin-left:5px;box-shadow:0 9px 20px rgba(21,26,49,.16)}.hero-home{position:relative;overflow:hidden;padding:88px clamp(18px,6vw,88px) 92px;background:radial-gradient(circle at 85% 12%,rgba(144,108,255,.25),transparent 28%),radial-gradient(circle at 60% 80%,rgba(109,74,255,.10),transparent 30%),#0c1122;color:#fff}.hero-home:before,.hero-home:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.hero-home:before{width:460px;height:460px;right:-190px;top:-210px}.hero-home:after{width:260px;height:260px;left:-130px;bottom:-170px}.hero-grid{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:1.04fr .96fr;gap:65px;align-items:center}.hero-home .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#d8d0ff;font-size:9px;font-weight:800;border-radius:999px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.hero-home h1{font-size:clamp(43px,5vw,68px);line-height:1.02;letter-spacing:-3.6px;margin:20px 0 18px;max-width:700px}.hero-home .gradient{background:linear-gradient(90deg,#9d8aff,#c8a9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-home p{max-width:590px;color:#aeb6c8;font-size:14px;line-height:1.85;margin:0}.hero-actions{display:flex;gap:10px;margin-top:28px}.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;padding:13px 18px;border-radius:11px;font-size:11px;font-weight:850;transition:transform .2s,box-shadow .2s}.home-btn:hover{transform:translateY(-2px)}.home-btn.primary{color:#fff!important;background:linear-gradient(135deg,#6d4aff,#9567ff);box-shadow:0 13px 28px rgba(109,74,255,.28)}.home-btn.secondary{color:#e9e9f2!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:27px;color:#aeb6c8;font-size:9px}.hero-proof b{color:#f4f5fa}.proof-dots{display:flex}.proof-dots i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#242a42;color:#fff;border:2px solid #0c1122;margin-left:-7px;font-style:normal;font-size:8px}.proof-dots i:first-child{margin-left:0;background:#6d4aff}.dashboard-art{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,244,252,.96));border:1px solid rgba(255,255,255,.5);border-radius:27px;padding:23px;box-shadow:0 35px 90px rgba(0,0,0,.30);color:var(--ink);transform:rotate(1.2deg)}.dashboard-art:after{content:"";position:absolute;inset:10px -10px -10px 10px;border-radius:27px;background:linear-gradient(135deg,rgba(109,74,255,.24),transparent 55%);z-index:-1;filter:blur(16px)}.dash-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8a91a2}.dash-top span:first-child{color:#4f5567;font-weight:800}.dash-profile{display:flex;gap:11px;align-items:center;margin:20px 0}.dash-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ede9ff,#f8f6ff);color:#6d4aff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #e2ddff}.dash-profile b{font-size:12px}.dash-profile small{display:block;color:#969baa;font-size:9px;margin-top:4px}.progress-label{display:flex;justify-content:space-between;font-size:9px;font-weight:800}.progress-label span:last-child{color:#6d4aff}.progress-bar{height:8px;background:#e9e8f0;border-radius:99px;margin:8px 0 18px;overflow:hidden}.progress-bar i{display:block;width:78%;height:100%;border-radius:99px;background:linear-gradient(90deg,#6d4aff,#a16dff);box-shadow:0 2px 7px rgba(109,74,255,.35)}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dash-stat{background:#fff;border:1px solid #ededf3;border-radius:13px;padding:13px}.dash-stat strong{font-size:19px;display:block;letter-spacing:-.5px}.dash-stat span{font-size:8px;color:#858b9b}.dash-course{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;border:1px solid #ececf3;border-radius:13px;background:#fff}.dash-course>div:first-child{display:flex;gap:9px;align-items:center}.mini-icon{width:32px;height:32px;border-radius:9px;background:#f0edff;color:#6d4aff;display:grid;place-items:center;font-size:10px}.dash-course b{font-size:9px}.dash-course small{display:block;color:#999eaa;font-size:7px;margin-top:2px}.rating{font-size:8px;background:#fff8e8;color:#9a6a0b;padding:7px 8px;border-radius:8px}.section{padding:86px clamp(18px,6vw,88px)}.inner{max-width:1180px;margin:auto}.search-box{max-width:1000px;margin:-115px auto 72px;position:relative;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid #e9e8f1;border-radius:18px;padding:9px;display:flex;gap:8px;box-shadow:0 25px 60px rgba(25,22,60,.12)}.search-box input{flex:1!important;border:0!important;background:#f7f7fb!important;padding:13px!important;outline:none;font-size:11px!important}.search-box button{border:0;border-radius:11px;background:#151a31;color:#fff;padding:0 23px;font-weight:800;font-size:10px;cursor:pointer}.section-head{text-align:center;margin-bottom:38px}.section-head .eyebrow{display:inline-block;background:#f0edff;border:1px solid #dfd9ff;padding:6px 10px;letter-spacing:1.4px;font-size:8px;font-weight:850;color:#6d4aff;border-radius:999px}.section-head h2{font-size:32px;line-height:1.1;letter-spacing:-1.4px;margin:12px 0 10px}.section-head p{color:#7e8493;font-size:11px;line-height:1.6;margin:0}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{position:relative;background:#fff;border:1px solid #e8e9f1;border-radius:18px;padding:20px;text-decoration:none;overflow:hidden;transition:.22s;box-shadow:0 8px 30px rgba(25,22,60,.035)}.cat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#f0edff;right:-35px;top:-35px;opacity:.8}.cat:hover{transform:translateY(-5px);border-color:#d8d0ff;box-shadow:0 20px 45px rgba(25,22,60,.10)}.cat-icon{position:relative;z-index:1;width:40px;height:40px;border-radius:12px;background:#f2efff;color:#6d4aff;display:grid;place-items:center;margin-bottom:14px;font-weight:900}.cat b{font-size:11px;position:relative;z-index:1}.cat small{display:block;color:#9095a2;font-size:8px;margin-top:5px;position:relative;z-index:1}.cat span{display:block;color:#6d4aff;font-size:8px;font-weight:850;margin-top:13px;position:relative;z-index:1}.courses-bg{background:#f1f2f7}.course-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-course{background:#fff;border:1px solid #e7e8ef;border-radius:19px;overflow:hidden;box-shadow:0 9px 30px rgba(25,22,60,.05);transition:.22s}.home-course:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(25,22,60,.11)}.home-course-img{height:190px;background:linear-gradient(135deg,#ddd7ff,#f2efff);overflow:hidden}.home-course-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.home-course:hover .home-course-img img{transform:scale(1.04)}.home-course-body{padding:18px}.tag{display:inline-block;padding:6px 9px;border-radius:7px;background:#f1efff;color:#6d4aff;font-size:7px;font-weight:850}.home-course h3{font-size:15px;letter-spacing:-.3px;margin:11px 0 7px}.home-course p{font-size:9px;line-height:1.6;color:#858a98;height:30px;overflow:hidden;margin:0}.home-foot{display:flex;justify-content:space-between;align-items:center;padding-top:13px;margin-top:13px;border-top:1px solid #efeff4}.home-foot b{font-size:13px}.home-foot a{font-size:9px;color:#6d4aff;text-decoration:none;font-weight:850}.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}.about-art{height:350px;border-radius:28px;background:radial-gradient(circle at 75% 20%,rgba(166,131,255,.55),transparent 25%),linear-gradient(145deg,#0c1122,#251d63 65%,#6d4aff);display:grid;place-items:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(27,20,80,.22)}.about-art:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:-80px;bottom:-100px}.about-art .rs{width:105px;height:105px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);border-radius:29px;display:grid;place-items:center;font-size:29px;font-weight:850;box-shadow:0 20px 50px rgba(0,0,0,.18)}.about-art small{position:absolute;bottom:26px;left:27px;font-size:8px;letter-spacing:2px;color:#d6d8e5}.about-copy .eyebrow{display:inline-block;background:#f0edff;border:1px solid #dfd9ff;padding:6px 10px;font-size:8px;letter-spacing:1.2px;color:#6d4aff;border-radius:999px}.about-copy h2{font-size:34px;line-height:1.1;letter-spacing:-1.5px;margin:13px 0}.about-copy p{font-size:11px;color:#7d8391;line-height:1.8;margin:9px 0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.checks span{font-size:9px;font-weight:750}.checks span:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e8f8ef;color:#168b58;margin-right:7px}.why-bg{background:#f1f2f7}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.why{background:#fff;border:1px solid #e8e8ef;border-radius:18px;padding:21px;transition:.2s}.why:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(25,22,60,.07)}.why .ic{width:39px;height:39px;background:#f0edff;color:#6d4aff;border-radius:11px;display:grid;place-items:center;margin-bottom:13px}.why h3{font-size:11px;margin:0 0 7px}.why p{font-size:9px;line-height:1.65;color:#858a98;margin:0}.stats{background:linear-gradient(100deg,#11172b,#322273 55%,#5d42d9);padding:36px clamp(18px,6vw,88px);position:relative;overflow:hidden}.stats:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;top:-230px}.stats-grid{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border:0}.stat b{font-size:29px;display:block;letter-spacing:-1px;color:#fff}.stat span{font-size:8px;color:#cfd2e1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{background:#fff;border:1px solid #e7e8ef;border-radius:18px;padding:22px;text-align:center;position:relative;transition:.2s}.step:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(25,22,60,.08)}.step .num{position:absolute;right:12px;top:10px;color:#e0ddeb;font-size:9px;font-weight:850}.step .ic{width:39px;height:39px;border-radius:11px;background:#f0edff;color:#6d4aff;display:grid;place-items:center;margin:0 auto 13px}.step h3{font-size:11px;margin:0 0 7px}.step p{font-size:8px;color:#898e9c;line-height:1.6;margin:0}.reviews-bg{background:#f1f2f7}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review{background:#fff;border:1px solid #e7e8ef;border-radius:18px;padding:20px;box-shadow:0 8px 26px rgba(25,22,60,.035)}.stars{color:#e4a51b;letter-spacing:2px;font-size:11px}.review p{font-size:9px;color:#697080;line-height:1.7;margin:13px 0}.user{border-top:1px solid #eeeef3;padding-top:11px;display:flex;gap:9px;align-items:center}.avatar{width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#6d4aff,#9367ff);color:#fff;display:grid;place-items:center;font-size:9px}.user b{font-size:9px}.user small{display:block;color:#999eaa;font-size:7px;margin-top:2px}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.faq-left .eyebrow{display:inline-block;background:#f0edff;border:1px solid #dfd9ff;padding:6px 10px;font-size:8px;color:#6d4aff;border-radius:999px}.faq-left h2{font-size:32px;line-height:1.08;letter-spacing:-1.4px;margin:13px 0}.faq-left p{font-size:10px;line-height:1.7;color:#818797}.faq-list{display:grid;gap:9px}.faq{background:#fff;border:1px solid #e8e8ef;border-radius:13px;padding:0 16px}.faq summary{cursor:pointer;list-style:none;padding:16px 0;font-size:10px;font-weight:750}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;color:#6d4aff;font-size:15px}.faq[open] summary:after{content:'−'}.faq p{font-size:9px;line-height:1.7;color:#818797;padding:0 0 15px;margin:0}.cta{max-width:1180px;margin:0 auto 75px;padding:32px 36px;border-radius:23px;background:radial-gradient(circle at 80% 20%,rgba(166,131,255,.35),transparent 28%),linear-gradient(110deg,#161b31,#4530a5 70%,#694aff);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 28px 65px rgba(54,35,150,.22)}.cta h2{font-size:25px;letter-spacing:-.7px;margin:0 0 6px}.cta p{font-size:9px;color:#d9d8e8;margin:0}.cta>a{background:#fff;color:#4d35c7!important;text-decoration:none;border-radius:10px;padding:12px 17px;font-size:9px;font-weight:850;white-space:nowrap}.home-footer{background:#080d1b;color:#9ea6ba;padding:54px clamp(18px,6vw,88px) 20px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}.home-footer h4{color:#fff;font-size:11px;margin:0 0 12px}.home-footer p,.home-footer a{font-size:8px;line-height:2;color:#9ea6ba;text-decoration:none}.home-footer a:hover{color:#cfc5ff}.footer-bottom{max-width:1180px;margin:35px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:7px;color:#687187}
@media(max-width:900px){.home-links a{padding:9px 6px}.home-links{gap:0}.hero-grid,.about-grid,.faq-grid{grid-template-columns:1fr}.hero-grid{gap:40px}.hero-home h1{font-size:48px}.dashboard-art{max-width:620px;margin:auto}.cat-grid{grid-template-columns:repeat(2,1fr)}.course-grid-home{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.reviews{grid-template-columns:1fr}.faq-grid{gap:35px}.cta{margin-left:18px;margin-right:18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.topbar{font-size:8px}.topbar span:last-child{display:none}.home-nav{height:64px}.home-brand{font-size:11px}.home-logo{width:36px;height:36px}.home-links a:not(.nav-login){display:none}.home-links .nav-login{font-size:9px;padding:9px 12px}.hero-home{padding:60px 18px 75px}.hero-home h1{font-size:42px;letter-spacing:-2.5px}.hero-home p{font-size:12px}.hero-actions{flex-wrap:wrap}.dashboard-art{padding:18px}.search-box{margin:-35px 18px 50px}.section{padding:65px 18px}.section-head h2{font-size:26px}.cat-grid,.course-grid-home,.why-grid,.steps{grid-template-columns:1fr}.about-art{height:290px}.about-copy h2{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.stat:nth-child(2){border:0}.cta{padding:26px 22px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.home-footer{padding-left:18px;padding-right:18px}}