:root{--bg:#101014;--surface:#17171c;--light:#f3f2ef;--text:#f7f7f8;--muted:#a3a3aa;--line:rgba(255,255,255,.12);--purple:#9450e8;--cyan:#28d7d9;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.header{position:fixed;top:0;left:0;right:0;z-index:20;transition:.25s}.header.scrolled{background:rgba(16,16,20,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{height:76px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font:700 16px Manrope}.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover}.nav-links{margin-left:auto;display:flex;gap:30px}.nav-links a{font-size:13px;color:#c0c0c5}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:52px;padding:0 24px;border-radius:7px;background:var(--text);color:#101014;font-size:13px;font-weight:600;transition:.2s}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding:0 17px;background:transparent;color:#fff;border:1px solid var(--line)}.menu-button{display:none}.hero{min-height:760px;padding:150px 0 95px;display:flex;align-items:center;background:radial-gradient(circle at 75% 45%,rgba(148,80,232,.11),transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.kicker,.section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--cyan);margin:0 0 23px}.hero h1,.intro h2,.section h2,.contact h2{font-family:Manrope,sans-serif;letter-spacing:-2.3px;line-height:1.05;margin:0}.hero h1{font-size:clamp(52px,7vw,82px);max-width:790px}.hero h1 span{color:var(--purple)}.lead{font-size:18px;color:var(--muted);max-width:600px;margin:28px 0 34px}.actions{display:flex;align-items:center;gap:25px}.link{font-size:13px;font-weight:600}.link span{color:var(--cyan);margin-left:8px}.hero-brand{border-left:1px solid var(--line);padding-left:60px}.logo-wrap{width:260px;height:260px;padding:18px;border:1px solid var(--line);border-radius:50%}.logo-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover}.hero-brand p{color:var(--muted);font-size:13px;margin:27px 0}.hero-brand strong{color:#fff;font:700 22px Manrope}.intro{padding:90px 0;background:var(--light);color:#151519}.intro-grid{display:grid;grid-template-columns:.35fr 1.2fr .75fr;gap:50px;align-items:start}.intro .section-label{color:#777}.intro h2{font-size:42px}.intro-grid>p:last-child{color:#66666e;margin:5px 0}.section{padding:110px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-title h2,.courses h2,.about h2{font-size:48px}.section-title .section-label{margin:0}.cards{border-top:1px solid var(--line)}.card{display:grid;grid-template-columns:60px 1fr 30px;gap:25px;align-items:center;padding:30px 12px;border-bottom:1px solid var(--line);transition:.2s}.card:hover{padding-left:22px;background:rgba(255,255,255,.025)}.card>span{color:#5f5f68;font-size:11px}.card h3{font:700 24px Manrope;margin:0 0 5px}.card p{margin:0;color:var(--muted);font-size:14px}.card b{color:var(--cyan);font-size:20px}.courses{background:#18181d}.courses-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.courses-copy>p:not(.section-label){color:var(--muted)}.course-links{border-top:1px solid var(--line)}.course-links a{display:grid;grid-template-columns:1fr 150px 22px;gap:20px;align-items:center;padding:23px 4px;border-bottom:1px solid var(--line)}.course-links span{font:600 18px Manrope}.course-links small{color:var(--muted)}.course-links b{color:var(--cyan)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about-logo{background:#17171c;border:1px solid var(--line);min-height:400px;display:flex;align-items:center;justify-content:center}.about-logo img{width:240px;height:240px;border-radius:50%;object-fit:cover}.about-copy>p:not(.section-label){color:var(--muted);font-size:17px;max-width:630px}.location{margin-top:35px!important;padding-top:22px;border-top:1px solid var(--line);font-size:12px!important;text-transform:uppercase;letter-spacing:1.5px}.contact{padding:110px 0;background:linear-gradient(120deg,#7c37d6,#5c61de 65%,#21bfc2);text-align:center}.contact .section-label{color:#fff}.contact h2{font-size:58px}.contact .button{margin-top:35px}.button-light{background:#fff}.footer-inner{min-height:130px;display:flex;align-items:center;gap:35px}.footer-inner p{font-size:12px;color:var(--muted);margin-left:auto}.footer-inner>span{font-size:11px;color:#717179}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.visible{opacity:1;transform:none}@media(max-width:860px){.nav-links,.nav-cta{display:none}.menu-button{display:flex;margin-left:auto;background:none;border:0;flex-direction:column;gap:6px}.menu-button span{display:block;width:24px;height:1px;background:#fff}.nav-links.open{display:flex;position:absolute;top:68px;left:20px;right:20px;background:#19191e;border:1px solid var(--line);padding:22px;flex-direction:column}.hero-grid,.courses-grid,.about-grid{grid-template-columns:1fr}.hero-brand{display:none}.intro-grid{grid-template-columns:1fr}.intro .section-label{margin-bottom:0}.courses-grid,.about-grid{gap:50px}.about-logo{min-height:310px}.footer-inner{flex-wrap:wrap;padding:35px 0}.footer-inner p{margin-left:0}.footer-inner>span{width:100%}}@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--max))}.nav{height:68px}.hero{min-height:auto;padding:120px 0 75px}.hero h1{font-size:47px}.lead{font-size:16px}.actions{align-items:flex-start;flex-direction:column}.intro{padding:70px 0}.intro h2,.section-title h2,.courses h2,.about h2{font-size:36px}.section{padding:80px 0}.section-title{display:block}.section-title .section-label{margin-bottom:18px}.card{grid-template-columns:35px 1fr 20px;gap:10px;padding:25px 5px}.card h3{font-size:20px}.course-links a{grid-template-columns:1fr 20px}.course-links small{display:none}.contact{padding:80px 0}.contact h2{font-size:40px}.footer-inner p{display:none}}
