/* MLinside — лендинг курса «AI-агенты и вайбкодинг для новичков» */
@font-face{font-family:'Inter';src:url('../fonts/Inter-Variable.ttf') format('truetype-variations');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/Inter-Italic-Variable.ttf') format('truetype-variations');font-weight:100 900;font-style:italic;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0d0d0d;color:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#ceff8b;text-decoration:none;transition:color .2s ease-in-out}
a:hover{color:#91b75d}
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1)}
.rv.in{opacity:1;transform:none}
.nav-a{color:#cfcfcf;font:500 14px/1 'Inter',sans-serif;white-space:nowrap}
@media (max-width:1280px){.hide-m{display:none!important}}
@media (max-width:1120px){.d-nav{display:none!important}.m-burger{display:inline-flex!important}}
.nav-a:hover{color:#fff}
.fld{width:100%;font:400 15px/1.3 'Inter',sans-serif;color:#fff;background:rgba(255,255,255,.06);border:1px solid #2d2a63;border-radius:10px;padding:16px 18px;outline:none;transition:border-color .2s ease-in-out}
.fld::placeholder{color:#8a8a8a}
.fld:focus{border-color:#ceff8b}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
@media (max-width:900px){
  .d-nav{display:none!important}
  .m-burger{display:inline-flex!important}
  .hero-h1{font-size:clamp(32px,8.5vw,56px)!important}
  .hero-wrap{min-height:auto!important;padding-top:140px!important}
  .hero-video{object-position:center top}
  .g2,.g3,.form-grid,.teacher-grid{grid-template-columns:1fr!important}
  .g4{grid-template-columns:1fr 1fr!important}
  .sec{padding:72px 20px!important}
  .h2{font-size:clamp(24px,6vw,34px)!important}
  .teacher-photo{aspect-ratio:1/1!important}
  .stat-num{font-size:56px!important}
  .hide-m{display:none!important}
  .modstrip>button:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
  .modstrip>button:nth-child(2n){border-right:0!important}
  .foot>*:nth-child(2n){border-right:0!important}
  .foot>*:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
  .hero-wrap{padding-top:120px!important}
}
.sec::before,.sec::after{content:'';position:absolute;top:-6px;width:11px;height:11px;z-index:2;background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)) center/11px 1px no-repeat,linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)) center/1px 11px no-repeat}
.sec::before{left:calc(max(20px,50% - 620px) - 5px)}
.sec::after{right:calc(max(20px,50% - 620px) - 5px)}
.modstrip>button:last-child,.foot>*:last-child{border-right:0!important}
.modstrip>button:hover{color:#fff!important}
@media (max-width:1100px){.modstrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modstrip>button:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}.modstrip>button:nth-child(2n){border-right:0!important}}
@media (max-width:520px){.modstrip{grid-template-columns:minmax(0,1fr)!important}.modstrip>button{border-right:0!important;border-top:1px solid rgba(255,255,255,.12)}.modstrip>button:first-child{border-top:0}}

/* --- интерактив (перенесено из компонента) --- */
.btn-primary:hover{background-color:#9cca5d!important;color:#000!important}
.btn-outline:hover{border-color:#fff!important;color:#fff!important}
.foot-cell:hover{color:#ceff8b!important}
.mod-tab{color:#8a8a8a}
.mod-tab.is-active{color:#fff}
.mod-brackets{opacity:0}
.mod-tab.is-active .mod-brackets{opacity:1}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}