/* УЧЕБКА living visual, 2026-10-14: real UI, not a picture */
:root{--bg:#f5f8f2;--text:#14231b;--muted:#6b786d;--lime:#a5ef20;--line:rgba(25,52,30,.11)}
body{background:linear-gradient(165deg,#fff 0%,#f5f9f1 38%,#edf4e9 100%);color:#14231b}
.prelaunch{background:#102219;color:#d3fca2;border:0;letter-spacing:.04em}
.site-header{background:rgba(255,255,255,.93);border-bottom:1px solid #e0e8da;box-shadow:0 6px 22px #19301808}
.nav{height:86px}.brand-copy .brand-top,.brand-copy .brand-name{color:#17221a}.nav-links{gap:20px;color:#2c3a30;font-size:12px;font-weight:720}.nav-links a:hover{color:#488b14}.nav-cta{border-radius:14px;background:#a6ef20;color:#14220b;border:0;box-shadow:0 8px 24px #6ab71927;font-weight:800}.nav-cta span{color:#172810}
.hero{padding-top:72px;padding-bottom:55px;min-height:635px;grid-template-columns:1.02fr 1fr;align-items:center;gap:35px}
.hero-content{position:relative;z-index:2}
.hero h1{font-size:clamp(49px,5.6vw,78px);line-height:1.03;color:#122118;letter-spacing:-.075em;font-weight:830}
.hero h1 span{color:#4e9a16}
.hero .eyebrow{color:#376e0d;border:1px solid #dbe6d3;background:#fff;border-radius:50px;display:inline-flex;align-items:center;gap:1px;padding:11px 16px;margin-bottom:25px;font-size:10px}
.hero .pulse{box-shadow:0 0 0 4px #a9ec1d20;background:#92db14}
.hero .hero-lead{font-size:17px;line-height:1.65;max-width:510px;color:#626f63}
.hero .btn-main{background:#a6ef20;color:#14220d;border:0;box-shadow:0 11px 26px #89cd2427}.hero .btn-ghost{background:#fff;color:#233323;border:1px solid #d7e2d0}
.hero .hero-note{color:#6a8269}.hero .dot-icon{background:#a6ef20}
.hero-art{min-height:520px;border-radius:42px;background:radial-gradient(ellipse at 45% 42%,#d7e9c1,#eaf3e4 65%,#e0efcf);border:1px solid #d5e7c7;box-shadow:0 30px 65px #2842221c;overflow:hidden}
.hero-art::before{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(circle at 25% 10%,#b3d28b75,transparent 22%),radial-gradient(circle at 88% 90%,#7daa4670,transparent 28%),linear-gradient(90deg,transparent 0%,#fff6 40%,transparent 100%);opacity:1}
.hero-art::after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:42px;box-shadow:inset 0 0 55px #fff7}
.hero-art .track-art{height:520px;filter:drop-shadow(3px 14px 9px #21452e45)}
.hero-art .art-label{color:#2d5432;font-weight:800}.hero-art .art-label-pin{color:#70a61e}
.hero-art .art-bottom{color:#537148;font-weight:800;font-size:9px}
.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:53px;position:relative;z-index:3}
.quick-link{display:flex;align-items:center;gap:14px;background:linear-gradient(155deg,#fff,#f7faf6);border:1px solid #dae6d4;border-radius:19px;min-height:116px;padding:18px;box-shadow:0 12px 25px #1d321415;transition:transform .15s,border-color .15s}
.quick-link:hover{transform:translateY(-3px);border-color:#a0cf81}
.quick-primary{background:linear-gradient(145deg,#193524,#0b2018);border-color:#315639;color:white;box-shadow:0 14px 28px #18372145}
.quick-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:13px;color:#dfffbd;background:#193d21;font-size:26px;box-shadow:inset 0 0 1px #fff8}
.quick-primary .quick-icon{color:#a7ef20;background:#142c20;border:1px solid #466d3b}
.quick-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.quick-text strong{font-size:14px;font-weight:820;color:#1b261b}
.quick-primary .quick-text strong{color:white}
.quick-text small{font-size:11px;color:#7e8b80;line-height:1.5}
.quick-primary .quick-text small{color:#bdceb9}
.quick-arrow{font-size:19px;color:#5a7c4c;margin-left:auto;flex-shrink:0}.quick-primary .quick-arrow{color:#bdff77}
.metrics{background:#102119;border:0;color:#e4f2e2;border-radius:29px;margin:0 auto;max-width:min(1192px,calc(100% - 48px));box-shadow:0 15px 40px #12322320}
.metrics-inner{width:100%;padding:0 23px}.metrics-inner>div{border-color:#2e4734;padding:26px 16px}.metrics-inner>div:not(:first-child){padding-left:24px}.metrics strong{color:#a6ef20}
.metrics span{color:#c1d5bd}
.section{scroll-margin-top:98px}
.section-head h2,.last-cta h2{color:#182b20}
.section-head .kicker,.kicker{color:#4a8b14}
.section-head .aside{color:#6b786b}
.service-card{box-shadow:0 15px 28px #1d36181b}
.how-bg{background:#f1f6ed;color:#17261c}
.instructor-home-banner{box-shadow:0 20px 50px #09220a25;margin-bottom:75px;margin-top:65px}
.booking{box-shadow:0 17px 38px #142d1b24}
.faq-bg{background:#14221b}.faq-bg h2{color:white}.faq-bg .kicker{color:#a6ef20}
.last-cta{padding-top:100px;padding-bottom:90px}.last-cta p:last-child{color:#627363}
.footer{color:#d7e4d3}.footer-logo{color:#fff}.footer-meta,.footer-main p{color:#abbeaa}
@media(max-width:1100px){.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:13px;font-size:11px}}
@media(max-width:780px){.nav{height:77px}.hero{grid-template-columns:1fr;min-height:0;padding:55px 0 30px}.hero h1{font-size:clamp(47px,9vw,72px)}.hero-art{min-height:390px}.hero-art .track-art{height:390px}.quick-links{margin:8px auto 42px}.metrics{max-width:calc(100% - 32px)}.metrics-inner>div,.metrics-inner>div:not(:first-child){padding:16px 0}.metrics-inner{padding:10px 20px}.nav-links{display:none}}
@media(max-width:560px){.hero{padding-top:36px;gap:27px}.hero h1{font-size:clamp(42px,10.4vw,58px);line-height:1.03}.hero .eyebrow{font-size:9px;margin-bottom:19px}.hero .hero-lead{font-size:15px;line-height:1.65}.hero-art{min-height:295px;border-radius:22px}.hero-art .track-art{height:295px}.hero-art .art-label{left:16px;top:15px;font-size:9px}.hero-art .art-bottom{left:16px;right:16px;bottom:14px;font-size:7px}.quick-links{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:42px}.quick-link{min-height:125px;display:flex;align-items:flex-start;flex-direction:column;padding:14px;gap:8px;border-radius:14px}.quick-icon{height:35px;flex:0 0 35px;width:35px;font-size:20px}.quick-text strong{font-size:12px}.quick-text small{font-size:10px}.quick-arrow{position:absolute;right:14px;top:15px}.quick-link{position:relative}.metrics{border-radius:21px}.instructor-home-banner{margin-top:45px;margin-bottom:55px}.nav-cta{font-size:11px;padding:10px 12px}.service-card h3{font-size:25px}}