:root{--bg:#03070d;--surface:#080e16;--surface2:#0b121d;--text:#f4f7fb;--muted:#aeb9c8;--line:#1d2a3a;--blue:#2478ff;--blue2:#0b52d9;--orange:#ff8a00;--max:820px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 0,#102039 0,transparent 32%),linear-gradient(rgba(37,120,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(37,120,255,.025) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}main{position:relative;max-width:var(--max);margin:auto;overflow:hidden}.hero{min-height:760px;padding:40px 40px 58px;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,13,.98) 0%,rgba(3,7,13,.8) 43%,rgba(3,7,13,.12) 78%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}.brand{position:relative;z-index:3;width:max-content;font-family:"Space Grotesk";line-height:.78;letter-spacing:.03em}.brand strong{display:block;font-size:30px}.brand span{display:block;color:var(--blue);font-size:13px;letter-spacing:.45em;margin-top:8px}.portrait-wrap{position:absolute;top:0;right:-4%;width:59%;height:100%;overflow:hidden}.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0,transparent 38%),linear-gradient(0deg,var(--bg) 0,transparent 32%)}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:54% center;filter:contrast(1.05) brightness(.87)}.hero-copy{position:relative;z-index:2;width:59%;margin-top:84px}.hero h1{font:700 clamp(41px,7vw,63px)/.98 "Space Grotesk";letter-spacing:-.055em;margin:0 0 25px}.hero h1 em,.course h2 em,.final-cta em{font-style:normal;color:var(--blue)}.hero p{font-size:17px;line-height:1.55;color:#c5ccd6;max-width:440px;margin:0 0 28px}.button{border:0;color:white;text-transform:uppercase;font-weight:800;letter-spacing:.015em;min-height:58px;padding:0 27px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:26px;cursor:pointer;box-shadow:0 10px 34px rgba(36,120,255,.25);transition:.25s transform,.25s filter}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.button svg,.text-link svg,.arrow{width:24px;fill:none;stroke:currentColor;stroke-width:2}.button-primary{background:linear-gradient(135deg,var(--blue),var(--blue2))}.button-orange{background:linear-gradient(135deg,#ffad13,#f06a00);box-shadow:0 10px 34px rgba(255,138,0,.25)}.text-link{display:flex;width:max-content;gap:11px;margin:23px 0 0 31px;padding-bottom:8px;color:var(--blue);font-weight:800;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--blue)}.text-link svg{width:18px}.section{margin:0 40px}.services{padding:30px 0 26px}.section-head{display:flex;align-items:center;gap:13px;margin:0 0 18px;text-transform:uppercase;color:var(--blue)}.section-head span{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}.section-head h2{font-size:13px;letter-spacing:.08em;margin:0}.service-list{display:grid;gap:8px}.service-row{width:100%;border:1px solid var(--line);border-radius:10px;background:linear-gradient(100deg,var(--surface2),#050a10);color:var(--text);display:grid;grid-template-columns:58px 1fr 24px;gap:18px;align-items:center;text-align:left;padding:10px 18px 10px 11px;cursor:pointer;transition:.25s border-color,.25s transform}.service-row:hover{border-color:var(--blue);transform:translateX(3px)}.service-row .icon{display:grid;place-items:center;width:55px;height:55px;border-radius:8px;border:1px solid #142846;background:#071120;color:var(--blue)}.service-row .icon svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.7}.service-row strong{display:block;font-size:16px;margin-bottom:5px}.service-row small{display:block;color:var(--muted);font-size:13px}.service-row .arrow{color:white;width:18px}.course{margin-top:20px;border:1px solid #21406b;border-radius:12px;padding:30px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:24px;background:radial-gradient(circle at 20% 50%,rgba(36,120,255,.12),transparent 40%),#050a12}.course-art svg{width:100%;fill:none;stroke:var(--blue);stroke-width:3;filter:drop-shadow(0 0 8px rgba(36,120,255,.4))}.course h2{font:700 30px/1.05 "Space Grotesk";letter-spacing:-.04em;margin:0 0 15px}.course p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 20px}.course .button{min-height:50px}.process{padding:35px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.steps:before{content:"";position:absolute;top:39px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,var(--orange),var(--blue),var(--orange));z-index:-1}.steps article{text-align:center}.step-icon{width:74px;height:74px;border:2px solid #48515c;background:var(--bg);border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--blue)}.step-icon.orange{color:var(--orange)}.step-icon svg{width:34px;fill:none;stroke:currentColor;stroke-width:1.7}.steps b{display:block;color:var(--blue);font-size:12px;margin:12px 0 5px}.steps h3{font-size:16px;margin:0 0 8px}.steps p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.final-cta{border:1px solid #264b7e;border-radius:12px;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 80%,rgba(36,120,255,.13),transparent 40%)}.final-cta h2{font:700 31px/1 "Space Grotesk";text-transform:uppercase;margin:0 0 10px}.final-cta h2 em{display:block}.final-cta p{color:var(--muted);margin:0}.final-cta .button{min-width:210px}footer{text-align:center;padding:38px;color:var(--blue);letter-spacing:.32em;font:600 13px "Space Grotesk"}footer span{color:white}dialog{border:1px solid #244a80;border-radius:16px;background:#07101a;color:white;padding:0;width:min(92vw,480px);box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}.contact-card{padding:30px;position:relative}.contact-card h2{font:700 27px "Space Grotesk";margin:0 0 8px}.contact-card>p{color:var(--muted);margin:0 0 20px}.close{position:absolute;right:18px;top:14px;background:transparent;color:white;border:0;font-size:30px;cursor:pointer}.contact-card label{display:grid;gap:7px;color:#cbd4df;font-size:13px;font-weight:700;margin:13px 0}.contact-card input,.contact-card select,.contact-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#03070d;color:white;padding:13px;outline:none}.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus{border-color:var(--blue)}#form-status{display:block;color:#67a2ff;min-height:18px;margin-top:12px}@media(max-width:620px){main{max-width:100%}.hero{min-height:760px;padding:28px 22px 42px}.portrait-wrap{width:80%;right:-29%;height:72%}.hero-grid{background:linear-gradient(90deg,rgba(3,7,13,.98),rgba(3,7,13,.58) 56%,rgba(3,7,13,.12)),linear-gradient(0deg,var(--bg) 18%,transparent 56%)}.brand strong{font-size:25px}.hero-copy{width:82%;margin-top:78px}.hero h1{font-size:42px;max-width:340px}.hero p{font-size:15px;max-width:300px}.hero .button{min-height:54px;padding:0 20px;gap:18px}.text-link{margin-left:16px}.section{margin-left:20px;margin-right:20px}.service-row{grid-template-columns:49px 1fr 16px;gap:12px;padding-right:12px}.service-row .icon{width:48px;height:48px}.service-row strong{font-size:15px}.service-row small{font-size:11px}.course{grid-template-columns:1fr;padding:24px}.course-art{max-width:240px;margin:auto}.course h2{font-size:27px}.steps{gap:8px}.step-icon{width:58px;height:58px}.step-icon svg{width:27px}.steps:before{top:29px}.steps p{font-size:10px}.final-cta{padding:24px;display:grid;gap:22px}.final-cta h2{font-size:28px}.final-cta .button{width:100%}}@media(max-width:380px){.hero h1{font-size:36px}.hero-copy{width:89%}.portrait-wrap{right:-38%}.button{font-size:13px}.course{padding:20px}.steps h3{font-size:14px}}
