.myshape .tn-atom { 
border-radius: 0px 75px 5px 5px !important; 
background: linear-gradient(deg,  -10%,  110%); 
background: 
    -webkit-linear-gradient(deg,  -10%,  110%); 
    -webkit-box-shadow: inset 0px 0px 5px 0px #dedede50; 
    -moz-box-shadow: inset 0px 0px 5px 0px #dedede50; 
box-shadow: inset 0px 0px 5px 0px #dedede50; } 
.myshape>.tn-atom__sbs-anim-wrapper>.tn-atom, .myshape>.tn-atom__sbs-anim-wrapper { 
filter: blur(0px); 
    -webkit-filter: blur(0px); 
border-radius: 0px 75px 5px 5px !important; 
} 
.myshape>.tn-atom {
filter: blur(0px); 
    -webkit-filter: blur(0px); 
border-radius: 0px 75px 5px 5px !important; 
} 

  .textStroke .tn-atom { -webkit-text-stroke:1px; -webkit-text-stroke-color: #000000; -webkit-text-fill-color: transparent } .textStroke .tn-atom:hover { -webkit-text-stroke:1px; -webkit-text-stroke-color:#000000!important; } .textStroke .tn-atom::selection { -webkit-text-stroke:1px; background-color:Highlight; } .textStroke .tn-atom::-moz-selection { background-color:Highlight; text-shadow: -0 -1px 0 , 0 -1px 0 , -0 1px 0 , 0 1px 0 , -1px -0 0 , 1px -0 0 , -1px 0 0 , 1px 0 0 , -1px -1px 0 , 1px -1px 0 , -1px 1px 0 , 1px 1px 0 , -1px -1px 0 , 1px -1px 0 , -1px 1px 0 , 1px 1px 0 ; }   


/* ============================
   FINAL CSS (Tilda)
   - Hero sticky 1 экран
   - Курсы НЕ видны до скролла
   - Курсы НЕ залезают под меню
   - Курсы выглядят как отдельный “экран” без пустоты
   - Футер всегда отображается
   ============================ */

body { background:#0a0b10; }
#allrecords { overflow: visible !important; }

/* 1) HERO */
.t-rec.uc-hero-sticky,
.uc-hero-sticky{
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 2) SECOND SECTION (не торчит до скролла) */
.t-rec.uc-section-over,
.uc-section-over{
  position: relative !important;
  z-index: 2 !important;
  margin-top: 0 !important;                 /* ключ: не видно до скролла */

  background: #0a0b10 !important;
  border-radius: 28px 28px 0 0 !important;
  overflow: hidden !important;

  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 -30px 80px rgba(0,0,0,.45) !important;
}

/* кромка сверху */
.uc-section-over::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:70px;
  background: linear-gradient(to bottom, rgba(0,0,0,.50), rgba(0,0,0,0));
  pointer-events:none;
  z-index:1;
}
.uc-section-over > *{ position:relative; z-index:2; }

/* 3) COURSES LAYOUT (НЕ прилипает к хедеру, но и НЕ в мертвом центре) */
.uc-section-over .th-courses{
  min-height: 70vh !important;

  /* запас под фикс-меню */
  padding-top: 150px !important;
  padding-bottom: 80px !important;

  display: flex !important;
  align-items: center !important;

  /* магия баланса: чуть выше центра */
  transform: translateY(-20px) !important;
}

/* 4) FOOTER ALWAYS VISIBLE */
#t-footer.t-records{
  position: relative !important;
  z-index: 10 !important;
  background: #0a0b10 !important;
}

/* 5) Tablets */
@media (max-width: 980px){
  .uc-hero-sticky{
    position: relative !important;
    height: auto !important;
  }
  .uc-section-over{
    border-radius: 0 !important;
  }
  .uc-section-over .th-courses{
    min-height: auto !important;
    display: block !important;
    transform: none !important;
    padding-top: 96px !important;
    padding-bottom: 56px !important;
  }
}

/* 6) Small phones */
@media (max-width: 520px){
  .uc-section-over .th-courses{
    padding-top: 76px !important;
  }
}