* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #07111f;
  color: #ffffff;
  line-height: 1.5;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

.page {
  overflow: hidden;
}

.container {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(7, 17, 31, 0.88);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 209, 94, 0.18);
}

.topbar-inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.logo-mark {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #ffd15e, #b98722);
  color: #07111f;
  font-size: 22px;
  box-shadow: 0 12px 30px rgba(255, 209, 94, 0.22);
}

.nav {
  display: flex;
  align-items: center;
  gap: 22px;
  color: #dce8ff;
  font-size: 14px;
}

.nav a:hover {
  color: #ffd15e;
}

.header-phone {
  padding: 12px 18px;
  border-radius: 999px;
  background: #ffd15e;
  color: #07111f;
  font-weight: 900;
  white-space: nowrap;
}

.burger {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  cursor: pointer;
}

.burger span {
  display: block;
  width: 20px;
  height: 2px;
  background: #ffffff;
  margin: 5px auto;
  border-radius: 999px;
}

/* ===== MAIN DESKTOP SLIDER ===== */

.main-hero-slider{
  position:relative;
  width:min(1500px, calc(100% - 60px));
  height:650px;
  margin:40px auto 20px;
  border-radius:42px;
  overflow:hidden;
  background:#07111f;
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 20px 60px rgba(0,0,0,0.35);
}

.main-slider-track{
  display:flex;
  width:100%;
  height:100%;
  overflow:hidden;
  scroll-behavior:smooth;
}

.main-slider-track:active{
  cursor:grabbing;
}

.main-slide{
  min-width:100%;
  width:100%;
  height:100%;
  flex-shrink:0;
  position:relative;
  overflow:hidden;

  display:flex;
  align-items:stretch;
}

.main-slide img{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;
  display:block;
}

.main-slide::after{
	z-index:1;
}

.main-slide-content{
	z-index:5;
}

.main-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(7,17,31,.92) 0%, rgba(7,17,31,.62) 45%, rgba(7,17,31,.20) 100%);
}

.main-slide-content{
  position:absolute;
  z-index:5;
  left:80px;
  bottom:80px;
  max-width:760px;
}

.main-slide-content span{
  display:inline-block;
  color:#ffd15e;
  font-size:18px;
  font-weight:900;
  margin-bottom:20px;
}

.main-slide-content h1{
  font-size:88px;
  line-height:.92;
  letter-spacing:-0.06em;
  color:#fff;
  margin-bottom:24px;
  font-weight:900;
}

.main-slide-content p{
  font-size:26px;
  line-height:1.45;
  color:#fff;
  font-weight:700;
}

.main-slider-buttons{
  position:absolute;
  right:34px;
  bottom:34px;
  z-index:20;
  display:flex;
  gap:14px;
}

.main-prev,
.main-next{
  width:72px;
  height:72px;
  border:none;
  border-radius:22px;
  background:linear-gradient(135deg,#ffd15e,#c58d25);
  color:#07111f;
  font-size:34px;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:768px){
  .main-hero-slider{
    display:none;
  }
}


.main-prev:hover,
.main-next:hover{
  transform:scale(1.08);
}

@media(max-width:768px){

  .main-hero-slider{
    display:none;
  }

}

/* MOBILE PHOTO SLIDER */

.photo-slider {
  display: none;
}

/* HERO */

.hero {
  position: relative;
  padding: 86px 0 76px;
  background:
    linear-gradient(
      180deg,
      #07111f 0%,
      rgba(7, 17, 31, 0.95) 9%,
      rgba(7, 17, 31, 0.76) 26%,
      rgba(7, 17, 31, 0.88) 72%,
      #07111f 100%
    ),
    radial-gradient(circle at 80% 20%, rgba(255, 209, 94, 0.20), transparent 34%),
    linear-gradient(115deg, rgba(7, 17, 31, 0.74) 0%, rgba(9, 27, 49, 0.62) 50%, rgba(10, 17, 29, 0.82) 100%),
    url("https://images.unsplash.com/photo-1562774053-701939374585?auto=format&fit=crop&w=1600&q=80") center top / cover no-repeat;
}

.hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 170px;
  background: linear-gradient(to bottom, transparent, #07111f);
  pointer-events: none;
}

.hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 46px;
  align-items: center;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 209, 94, 0.38);
  border-radius: 999px;
  background: rgba(255, 209, 94, 0.10);
  color: #ffd15e;
  font-weight: 800;
  margin-bottom: 20px;
  font-size: 14px;
}

.hero h1 {
  font-size: clamp(42px, 7vw, 78px);
  line-height: 0.96;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.gold {
  color: #ffd15e;
}

.hero-text {
  max-width: 720px;
  color: #dce8ff;
  font-size: 20px;
  margin-bottom: 30px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 28px;
}

.center-actions {
  justify-content: center;
  margin-bottom: 0;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 24px;
  border-radius: 14px;
  font-weight: 900;
  transition: 0.2s ease;
  cursor: pointer;
  border: 1px solid transparent;
}

.btn-primary {
  background: linear-gradient(135deg, #ffd15e, #c58d25);
  color: #07111f;
  box-shadow: 0 16px 34px rgba(255, 209, 94, 0.24);
}

.btn-primary:hover {
  transform: translateY(-2px);
}

.btn-outline {
  border-color: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
}

.hero-mini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.mini-card {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.13);
}

.mini-card strong {
  display: block;
  color: #ffd15e;
  font-size: 20px;
  margin-bottom: 4px;
}

.mini-card span {
  color: #dce8ff;
  font-size: 13px;
}

.hero-panel {
  border: 1px solid rgba(255, 209, 94, 0.28);
  border-radius: 30px;
  background: rgba(5, 12, 22, 0.72);
  backdrop-filter: blur(16px);
  padding: 26px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
}

.panel-title {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 18px;
}

.check-list {
  display: grid;
  gap: 12px;
}

.check-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.10);
}

.icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(255, 209, 94, 0.16);
  color: #ffd15e;
  font-weight: 900;
}

section {
  padding: 76px 0;
}

.section-head {
  max-width: 760px;
  margin-bottom: 34px;
}

.section-kicker {
  color: #ffd15e;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  font-size: 14px;
}

.section-title {
  font-size: clamp(32px, 5vw, 54px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  margin-bottom: 14px;
}

.section-desc {
  color: #b9c8df;
  font-size: 18px;
}

/* CARDS */

.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.card {
  border-radius: 24px;
  background: #0c1a2d;
  border: 1px solid rgba(255, 255, 255, 0.10);
  padding: 24px;
  min-height: 190px;
  position: relative;
  overflow: hidden;
}

.card h3 {
  position: relative;
  font-size: 22px;
  margin-bottom: 10px;
}

.card p {
  position: relative;
  color: #b9c8df;
}

/* MOBILE CASES */

.mobile-cases-slider {
  display: none;
}

/* SERVICE */

.service {
  background: linear-gradient(135deg, rgba(255, 209, 94, 0.13), rgba(255, 255, 255, 0.03));
  border-top: 1px solid rgba(255, 209, 94, 0.20);
  border-bottom: 1px solid rgba(255, 209, 94, 0.20);
}

.service-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 28px;
  align-items: flex-start;
}

.price-box {
  border-radius: 30px;
  background: linear-gradient(135deg, #ffd15e, #bd8722);
  color: #07111f;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 24px 70px rgba(255, 209, 94, 0.20);
  align-self: flex-start;
  min-height: 420px;
}

.price-label {
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.price {
  font-size: clamp(58px, 8vw, 86px);
  line-height: 0.95;
  font-weight: 950;
  letter-spacing: -0.06em;
  margin-bottom: 18px;
}

.price-note {
  font-weight: 800;
}

.service-content {
  display: flex;
  flex-direction: column;
}

.steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.step {
  display: flex;
  gap: 12px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.hidden-step {
  display: none;
}

.hidden-step.show {
  display: flex;
}

.show-more-btn {
  width: 100%;
  min-height: 56px;
  margin-top: 14px;
  border: none;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffd15e, #c58d25);
  color: #07111f;
  font-size: 16px;
  font-weight: 900;
  cursor: pointer;
}

/* AUDIENCE */

.audience-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.yes,
.no {
  border-radius: 24px;
  padding: 26px;
  background: #0c1a2d;
  border: 1px solid rgba(255, 255, 255, 0.10);
}

.yes h3,
.no h3 {
  font-size: 28px;
  margin-bottom: 18px;
}

.yes h3 {
  color: #74e291;
}

.no h3 {
  color: #ff6a6a;
}

.simple-list {
  display: grid;
  gap: 12px;
  color: #dce8ff;
}

.simple-list li {
  list-style: none;
}

/* CTA */

.cta {
  padding: 86px 0;
  background:
    linear-gradient(115deg, rgba(7, 17, 31, 0.94), rgba(7, 17, 31, 0.78)),
    url("https://images.unsplash.com/photo-1523580846011-d3a5bc25702b?auto=format&fit=crop&w=1600&q=80") center/cover;
}

.cta-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  border-radius: 32px;
  padding: 42px 26px;
  background: rgba(5, 12, 22, 0.72);
  border: 1px solid rgba(255, 209, 94, 0.30);
}

.cta h2 {
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1;
  margin-bottom: 18px;
}

.cta p {
  color: #dce8ff;
  font-size: 19px;
  max-width: 680px;
  margin: 0 auto 26px;
}

.phone-big {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: clamp(28px, 5vw, 48px);
  font-weight: 950;
  color: #ffd15e;
  margin-bottom: 18px;
}

.footer {
  padding: 28px 0;
  background: #050c16;
  color: #8396b2;
  font-size: 14px;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.mobile-call {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 99;
  display: none;
  padding: 16px;
  border-radius: 18px;
  text-align: center;
  background: linear-gradient(135deg, #ffd15e, #c58d25);
  color: #07111f;
  font-weight: 950;
}

/* RESPONSIVE */

@media (max-width: 900px) {
  .burger {
    display: block;
  }

  .nav {
    position: absolute;
    top: 76px;
    left: 16px;
    right: 16px;
    display: none;
    flex-direction: column;
    padding: 12px;
    border-radius: 20px;
    background: #0c1a2d;
    border: 1px solid rgba(255, 255, 255, 0.12);
  }

  .nav.active {
    display: flex;
  }

  .nav a {
    padding: 14px;
    border-radius: 14px;
  }

  .hero-grid,
  .service-grid,
  .audience-grid {
    grid-template-columns: 1fr;
  }

  .cards {
    grid-template-columns: 1fr;
  }

  .hero-mini {
    grid-template-columns: 1fr;
  }

  section {
    padding: 58px 0;
  }
}

@media (max-width: 768px) {
  .main-hero-slider {
    display: none;
  }

  .photo-slider {
    display: block;
    width: 100%;
    background: #07111f;
    padding: 14px 0 12px;
    overflow: hidden;
  }

  .slider-track {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 0 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .slider-track::-webkit-scrollbar {
    display: none;
  }

  .slider-track img {
    flex: 0 0 100%;
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 22px;
    scroll-snap-align: center;
    user-select: none;
  }

  .desktop-cases {
    display: none;
  }

  .mobile-cases-slider {
    display: block;
    margin-top: 30px;
    overflow: hidden;
  }

  .mobile-cases-track {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 16px 10px;
  }

  .mobile-cases-track::-webkit-scrollbar {
    display: none;
  }

  .mobile-case {
    min-width: calc(100% - 32px);
    flex: 0 0 calc(100% - 32px);
    scroll-snap-align: start;
    padding: 26px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(10,25,55,0.96), rgba(18,40,75,0.9));
    border: 1px solid rgba(255,255,255,0.08);
  }

  .audience-grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 16px 8px;
    margin-left: -16px;
    margin-right: -16px;
  }

  .audience-grid::-webkit-scrollbar {
    display: none;
  }

  .audience-grid .yes,
  .audience-grid .no {
    flex: 0 0 calc(100% - 32px);
    min-width: calc(100% - 32px);
    scroll-snap-align: center;
  }

  .hero {
    padding-top: 42px;
  }
}

@media (max-width: 560px) {
  .header-phone {
    display: none;
  }

  .hero h1 {
    font-size: 44px;
  }

  .hero-text {
    font-size: 17px;
  }

  .btn {
    width: 100%;
  }

  .hero-panel,
  .price-box,
  .cta-box {
    border-radius: 24px;
  }

  .mobile-call {
    display: block;
  }

  body {
    padding-bottom: 78px;
  }
}

.main-slider-track{
  cursor: grab;
}

.main-slider-track:active{
  cursor: grabbing;
}

/* FIX MAIN SLIDER EMPTY SPACE */

.main-hero-slider{
  position:relative !important;
  width:min(1500px, calc(100% - 60px)) !important;
  height:650px !important;
  margin:40px auto 20px !important;
  border-radius:42px !important;
  overflow:hidden !important;
  background:#07111f !important;
  border:1px solid rgba(255,255,255,0.08) !important;
}

.main-slider-track{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  scroll-behavior:smooth !important;
}

.main-slide{
  position:relative !important;
  min-width:100% !important;
  width:100% !important;
  height:100% !important;
  flex-shrink:0 !important;
  overflow:hidden !important;
}

.main-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.main-slide::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(
    90deg,
    rgba(7,17,31,.92) 0%,
    rgba(7,17,31,.62) 45%,
    rgba(7,17,31,.20) 100%
  ) !important;
}

.main-slide-content{
  position:absolute !important;
  z-index:5 !important;
  left:80px !important;
  bottom:80px !important;
  max-width:760px !important;
}

.main-slider-buttons{
  position:absolute !important;
  right:34px !important;
  bottom:34px !important;
  z-index:10 !important;
}

.main-slider-buttons{
  position:absolute !important;
  right:34px !important;
  bottom:34px !important;
  z-index:999 !important;
  display:flex !important;
  gap:14px !important;
  pointer-events:auto !important;
}

.main-prev,
.main-next{
  position:relative !important;
  z-index:1000 !important;
}

.main-slider-track{
  position:relative !important;
  z-index:1 !important;
}

.main-slide-content{
  z-index:5 !important;
}

.main-hero-slider{
  width:min(1500px, calc(100% - 60px)) !important;
  height:650px !important;
  margin:40px auto 20px !important;
  position:relative !important;
  overflow:visible !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.main-slider-track{
  width:100% !important;
  height:650px !important;
  display:flex !important;
  overflow:hidden !important;
  border-radius:42px !important;
  background:#07111f !important;
  border:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:0 20px 60px rgba(0,0,0,0.35) !important;
}

.main-slide{
  min-width:100% !important;
  width:100% !important;
  height:650px !important;
  position:relative !important;
  flex-shrink:0 !important;
  overflow:hidden !important;
}

.main-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.price-section {
  padding: 80px 24px;
  padding-top:30px !important;
  max-width: 1180px;
  margin: 0 auto;
}

.price-head {
  margin-bottom: 36px;
}

.price-head span {
  color: #f6c443;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.price-head h2 {
  max-width: 760px;
  margin: 12px 0;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1;
  color: #fff;
}

.price-head p {
  max-width: 620px;
  color: rgba(255,255,255,.75);
  font-size: 18px;
  line-height: 1.5;
}

.price-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: stretch;
}

.price-card {
  background: rgba(7,18,35,.92);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 28px;
  padding: 28px;
  height: 520px;
  display: flex;
  flex-direction: column;
}

.main-price,
.master-class-card {
  border-color: rgba(246,196,67,.45);
  box-shadow: 0 0 35px rgba(246,196,67,.12);
}

.price-badge {
  width: fit-content;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 22px;
  white-space: nowrap;
}

.price-badge.gold {
  background: #f6c443;
  color: #06101f;
}

.price-card h3 {
  font-size: 26px;
  color: #fff;
  margin-bottom: 14px;
  min-height: 70px;
}

.price {
  font-size: 54px;
  line-height: 1;
  font-weight: 900;
  color: #f6c443;
  margin: 8px 0 18px;
}

.price-card p {
  color: rgba(255,255,255,.75);
  font-size: 17px;
  line-height: 1.45;
  min-height: 50px;
  margin-bottom: 22px;
}

.price-card ul {
  margin:18px 0 24px;
  padding:0;
  margin: 0;
}

.price-card li {
  color: #fff;
  font-size: 16px;
  line-height: 1.45;
  margin-bottom: 13px;
  padding-left: 28px;
  position: relative;
}

.price-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #f6c443;
  font-weight: 900;
}

.price-btn {
  margin-top: auto;
  height: 56px;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,.14);
}

.gold-btn {
  background: linear-gradient(135deg, #f6c443, #d99b18);
  color: #06101f;
  border: none;
}

@media (max-width: 768px) {
  .price-section {
    padding: 60px 12px;
  }

  .price-grid {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 16px;
    scrollbar-width: none;
  }

  .price-grid::-webkit-scrollbar {
    display: none;
  }

  .price-card {
    flex: 0 0 88%;
    min-width: 88%;
    max-width: 88%;
    height: 520px;
    scroll-snap-align: start;
  }

  .price-card h3 {
    min-height: 62px;
  }

  .price {
    font-size: 48px;
  }
}

.price-card{
  height:520px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.price-card ul{
  margin:24px 0 24px !important;
  padding:0 !important;
  list-style:none !important;
  flex-grow:0 !important;
}

.price-btn{
  margin-top:auto !important;
  height:56px !important;
  min-height:56px !important;
  width:100% !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 20px !important;
}

.price-card{
  position: relative !important;
  padding-bottom: 95px !important;
}

.price-btn{
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 28px !important;
  width: auto !important;
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 16px !important;
}

@media (max-width: 768px){
  .price-card{
    padding-bottom: 95px !important;
  }

  .price-btn{
    left: 28px !important;
    right: 28px !important;
    bottom: 28px !important;
  }
}

.price-card ul{
  margin-top: 12px !important;
}

.price-card li{
  margin-bottom: 12px !important;
}

.price-card p{
  margin-bottom: 14px !important;
}

.price-box{
  color:#07111f !important;
}

.price-box .price{
  color:#07111f !important;
}

.price-box .price-label{
  color:#07111f !important;
}

.price-box p{
  color:#07111f !important;
}

.mini-payments{
  display:grid;
  grid-template-columns:repeat(3,360px);
  gap:18px;
  margin-bottom:40px;
}

.mini-payment-card{
  background:rgba(7,18,35,.92);
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:22px;
}

.gold-mini{
  border-color:rgba(246,196,67,.45);
  box-shadow:0 0 30px rgba(246,196,67,.12);
}

.mini-payment-card span{
  display:block;
  color:#f6c443;
  font-size:14px;
  font-weight:800;
  margin-bottom:12px;
  text-transform:uppercase;
}

.mini-payment-card strong{
  display:block;
  font-size:42px;
  line-height:1;
  color:#fff;
  margin-bottom:12px;
}

.mini-payment-card p{
  color:rgba(255,255,255,.72);
  font-size:15px;
  line-height:1.4;
  margin-bottom:18px;
}

.mini-pay-btn{
  height:48px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:800;
}

@media(max-width:768px){

  .mini-payments{
    display:flex;
    overflow-x:auto;
    gap:14px;
    padding-bottom:10px;
    scroll-snap-type:x mandatory;
  }

  .mini-payments::-webkit-scrollbar{
    display:none;
  }

  .mini-payment-card{
    min-width:85%;
    flex:0 0 85%;
    scroll-snap-align:start;
  }

}

.mini-payments{
  max-width:1200px;
  margin:0 auto 40px;
}

.mini-payment-card{
  max-width:360px;
}

@media(min-width:769px){
  .mini-payments{
    justify-content:center;
  }
}

.mini-pay-btn{
  background:linear-gradient(135deg,#f6c443,#d99b18) !important;
  color:#07111f !important;
  border:none !important;
  font-weight:800;
}

.mini-pay-btn:hover{
  background:linear-gradient(135deg,#ffd86a,#e6aa23) !important;
}

.news-page {
  padding: 80px 16px;
  background: #07111f;
  min-height: 100vh;
}

.news-container {
  max-width: 1180px;
  margin: 0 auto;
}

.news-head {
  max-width: 760px;
  margin-bottom: 40px;
}

.news-head span {
  color: #f6c443;
  font-weight: 900;
  letter-spacing: 2px;
}

.news-head h1 {
  font-size: clamp(38px, 6vw, 68px);
  line-height: 1;
  margin: 12px 0;
}

.news-head p {
  color: rgba(255,255,255,.75);
  font-size: 18px;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.news-card {
  background: rgba(7,18,35,.92);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 28px;
  padding: 26px;
}

.news-date {
  color: #f6c443;
  font-weight: 900;
  margin-bottom: 16px;
}

.news-card h3 {
  font-size: 26px;
  margin-bottom: 14px;
}

.news-card p {
  color: rgba(255,255,255,.75);
  margin-bottom: 24px;
}

.news-card button,
.news-full-btn {
  width: 100%;
  height: 54px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(135deg,#f6c443,#d99b18);
  color: #07111f;
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.75);
  z-index: 999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.news-modal-content {
  width: min(720px, 100%);
  background: #0c1a2d;
  border: 1px solid rgba(246,196,67,.35);
  border-radius: 28px;
  padding: 34px;
  position: relative;
}

.news-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 28px;
  cursor: pointer;
}

.news-full {
  display: none;
}

.news-full span {
  color: #f6c443;
  font-weight: 900;
}

.news-full h2 {
  font-size: 38px;
  line-height: 1.1;
  margin: 14px 0;
}

.news-full p {
  color: rgba(255,255,255,.82);
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 26px;
}

@media(max-width:768px) {
  .news-grid {
    grid-template-columns: 1fr;
  }

  .news-page {
    padding: 50px 14px;
  }

  .news-modal-content {
    padding: 28px 20px;
  }

  .news-full h2 {
    font-size: 30px;
  }
}

.youtube-section{
  max-width:1180px;
  margin:40px auto 70px;
  padding:0 20px;
}

.youtube-head{
  text-align:center;
  margin-bottom:24px;
}

.youtube-head span{
  color:#f6c443;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
}

.youtube-head h2{
  color:#fff;
  font-size:clamp(30px,5vw,54px);
  line-height:1.05;
  margin-top:10px;
}

.youtube-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.youtube-card{
  background:#0c1a2d;
  border:1px solid rgba(246,196,67,.22);
  border-radius:22px;
  overflow:hidden;
}

.youtube-card iframe{
  width:100%;
  height:210px;
  border:0;
  display:block;
}

.youtube-info{
  padding:16px;
}

.youtube-info h3{
  color:#fff;
  font-size:16px;
  line-height:1.35;
}

@media(max-width:1000px){
  .youtube-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:650px){
  .youtube-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){

  .youtube-section{
    padding:0 12px;
    overflow:hidden;
  }

  .youtube-grid{
    display:flex;
    gap:16px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:14px;
  }

  .youtube-grid::-webkit-scrollbar{
    display:none;
  }

  .youtube-card{
    flex:0 0 88%;
    scroll-snap-align:center;
    border-radius:22px;
  }

  .youtube-card iframe{
    height:220px;
  }

}

.hero-slider{
  max-width:1180px;
  margin:80px auto 40px;
  padding:0 20px;
}

.hero-slide{
  position:relative;
  width:100%;
  max-width:1140px;
  height:525px;
  margin:0 auto;
  border-radius:36px;
  overflow:hidden;
  border:1px solid rgba(255,196,67,.18);
  background:#07111f;
}

.hero-slide img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.78;
}

.hero-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(7,17,31,.95) 0%,
    rgba(7,17,31,.82) 28%,
    rgba(7,17,31,.38) 52%,
    rgba(7,17,31,.08) 100%
  );
}

.hero-slide-content{
  position:relative;
  z-index:2;
  max-width:700px;
  padding:150px 70px;
}

.hero-slide-content span{
  color:#f6c443;
  font-weight:900;
  letter-spacing:1px;
}

.hero-slide-content h1{
  font-size:clamp(44px,6vw,76px);
  line-height:1;
  margin:18px 0;
  color:#fff;
}

#mainSlideSubtitle{
  font-size:15px;
  line-height:1.45;
  font-weight:600;
  max-width:460px;
  color:rgba(255,255,255,.92);
  margin-top:14px;
}

.hero-arrows{
  position:absolute;
  right:60px;
  bottom:70px;
  z-index:3;
  display:flex;
  gap:14px;
}

.hero-arrows button{
  width:64px;
  height:64px;
  border:none;
  border-radius:18px;
  background:linear-gradient(135deg,#f6c443,#d99b18);
  color:#07111f;
  font-size:34px;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:700px){
  .hero-slider{
    margin:40px auto 25px;
    padding:0 14px;
  }

  .hero-slide{
    min-height:520px;
  }

  .hero-slide-content{
    padding:120px 28px;
  }

  .hero-arrows{
    right:28px;
    bottom:28px;
  }
}

.hero-slide-btn{
  margin-top:28px;
  min-width:220px;
  height:58px;
  padding:0 26px;
  border-radius:16px;
  background:linear-gradient(135deg,#f6c443,#d99b18);
  color:#07111f;
  text-decoration:none;
  font-weight:900;
  align-items:center;
  justify-content:center;
}

.hero-slide-content{
  padding:70px 70px 60px;
}

.hero-slide-btn{
  margin-top:22px;
  height:52px;
  min-width:220px;
}

#mainSlideSubtitle{
  margin-bottom:0;
}

.file-label{
  display:flex;
  align-items:center;
  gap:12px;
  color:#f6c443;
  font-weight:800;
  margin-bottom:10px;
}

.file-size-note{
  font-size:13px;
  font-weight:600;
  color:rgba(255,255,255,.55);
}