.premium-ui {
  --p-bg: #f3efe7;
  --p-ink: #1f1e1b;
  --p-muted: #6c675e;
  --p-line: #ddd4c4;
  --p-card: #fffdf8;
  --p-accent: #c9872f;
  --p-accent-2: #0f766e;
  --p-dark: #111827;
  background: linear-gradient(180deg, #f9f7f2 0%, var(--p-bg) 100%);
  color: var(--p-ink);
}

.premium-ui #navbar {
  background: rgba(252, 248, 240, 0.94);
  border-bottom: 1px solid var(--p-line);
  box-shadow: 0 10px 28px rgba(26, 24, 20, 0.08);
  backdrop-filter: blur(8px);
}
.premium-ui #navbar.scrolled {
  background: rgba(252, 248, 240, 0.98);
}
.premium-ui .logo-text .name { color: #131a28; }
.premium-ui .logo-text .tagline { color: #7a633b; }
.premium-ui .logo-svg {
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  filter: drop-shadow(0 6px 10px rgba(13, 20, 34, 0.2));
}
.premium-ui .logo-wrap {
  gap: 11px;
}
.premium-ui .logo-text .name {
  font-weight: 800;
  letter-spacing: -0.01em;
  font-size: 1.08rem;
}
.premium-ui .logo-text .tagline {
  font-size: 0.66rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-weight: 700;
}
.premium-ui .nav-links a { color: #3b3b37; font-weight: 700; }
.premium-ui .nav-links a:hover { color: var(--p-accent); }

.premium-ui #hero {
  background:
    radial-gradient(1000px 500px at 20% 0%, rgba(201,135,47,0.12), transparent 55%),
    radial-gradient(800px 420px at 95% 10%, rgba(15,118,110,0.15), transparent 55%),
    linear-gradient(180deg, #f7f2e8 0%, #f3eee5 100%);
  color: var(--p-ink);
}
.premium-ui .hero-title { color: #1c1a16; }
.premium-ui .hero-title span { color: #a46311; }
.premium-ui .hero-desc { color: #5e584d; max-width: 630px; }
.premium-ui .hero-badge {
  background: #f2e7d5;
  color: #8f631f;
  border: 1px solid #e1cfaf;
}
.premium-ui .hero-badge .dot { background: #b87c2a; }
.premium-ui .hero-stats {
  background: #fffefb;
  border: 1px solid var(--p-line);
  border-radius: 14px;
  padding: 16px;
}
.premium-ui .hero-stat .num { color: #20201c; }
.premium-ui .hero-stat .lbl { color: #6f685e; }

.premium-ui .hero-card-main {
  background: #fffcf6;
  border: 1px solid var(--p-line);
  box-shadow: 0 26px 50px rgba(25, 23, 18, 0.12);
}
.premium-ui .hc-logo-text .title { color: #171a26; }
.premium-ui .hc-logo-text .sub { color: #6f675b; }
.premium-ui .hcf {
  background: #f6f2ea;
  color: #2f2f2a;
  border: 1px solid #e3dacb;
}

.premium-ui .btn-accent {
  background: linear-gradient(135deg, #d49943, #b57925);
  color: #fff;
  box-shadow: 0 12px 24px rgba(181, 121, 37, 0.28);
}
.premium-ui .btn-primary {
  background: linear-gradient(135deg, #0f766e, #0b5f58);
  color: #fff;
}
.premium-ui .btn-green {
  background: linear-gradient(135deg, #0f766e, #0a5954);
}
.premium-ui .btn-outline-white {
  background: transparent;
  color: #2f2b24;
  border: 1.5px solid #b7aa94;
}
.premium-ui .btn-outline-white:hover {
  background: #efe7da;
}

.premium-ui #about,
.premium-ui #courses,
.premium-ui #enroll,
.premium-ui #reviews,
.premium-ui #gallery,
.premium-ui #contact {
  background: transparent;
}
.premium-ui .section-label {
  background: #e8dfd1;
  color: #6d5b40;
}
.premium-ui .section-title { color: #201d17; }
.premium-ui .section-subtitle { color: #696155; }

.premium-ui .about-img-main {
  background: linear-gradient(155deg, #1f2937 0%, #111827 100%);
}
.premium-ui .about-badge-float {
  background: linear-gradient(135deg, #d79a43, #b57925);
  color: #fff;
}

.premium-ui .course-card,
.premium-ui .rc,
.premium-ui .ci-card,
.premium-ui .enroll-form-card,
.premium-ui .map-container,
.premium-ui .gal-item {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  box-shadow: 0 12px 24px rgba(24, 22, 18, 0.08);
}
.premium-ui .course-card:hover,
.premium-ui .rc:hover,
.premium-ui .ci-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 32px rgba(24, 22, 18, 0.12);
}
.premium-ui .tab-btn {
  border-radius: 999px;
  background: #f0e8dc;
  border: 1px solid #dfd2bf;
  color: #564e40;
}
.premium-ui .tab-btn.active,
.premium-ui .tab-btn:hover {
  background: #1f2937;
  border-color: #1f2937;
  color: #fff;
}

.premium-ui #features {
  background: linear-gradient(145deg, #181e2a 0%, #222d40 100%);
}
.premium-ui .features-header .section-title { color: #f7f4ed; }
.premium-ui .features-header .section-subtitle { color: rgba(242, 236, 224, 0.72); }
.premium-ui .feat-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.16);
}
.premium-ui .feat-card p { color: rgba(245, 241, 231, 0.78); }

.premium-ui .form-group input,
.premium-ui .form-group select,
.premium-ui .form-group textarea {
  background: #fffdfa;
  border: 1px solid #d9cdb9;
}
.premium-ui .form-group input:focus,
.premium-ui .form-group select:focus,
.premium-ui .form-group textarea:focus {
  border-color: #b57925;
  box-shadow: 0 0 0 3px rgba(181, 121, 37, 0.14);
}
.premium-ui .form-submit-btn {
  background: linear-gradient(135deg, #1f2937, #111827);
}

.premium-ui .map-placeholder {
  background: linear-gradient(145deg, #f2ebdf, #f9f5ee);
}
.premium-ui .map-placeholder a {
  background: #1f2937;
}

.premium-ui #footer {
  background: linear-gradient(150deg, #121a26, #1d2838);
}
.premium-ui #footer .logo-text .name { color: #f8fbff; }
.premium-ui #footer .logo-text .tagline { color: #d7a24d; }
.premium-ui .footer-col h4::after { background: #d49943; }

.premium-ui .float-enroll {
  background: linear-gradient(135deg, #1f2937, #111827);
}
.premium-ui #scroll-top {
  background: linear-gradient(135deg, #b57925, #955f13);
}

@media (max-width: 900px) {
  .premium-ui #hero { padding-top: 110px; }
}
@media (max-width: 768px) {
  .premium-ui .nav-links,
  .premium-ui .nav-cta { display: none; }
  .premium-ui .hero-btns .btn { width: 100%; justify-content: center; }
  .premium-ui .hero-stats {
    gap: 14px;
    justify-content: space-between;
  }
  .premium-ui #navbar { padding: 8px 0; }
  .premium-ui .container { width: min(1180px, 94%); }
  .premium-ui .logo-svg { width: 42px; height: 42px; }
  .premium-ui .logo-text .name { font-size: 1rem; }
  .premium-ui .logo-text .tagline {
    font-size: 0.62rem;
    letter-spacing: 0.08em;
  }
  .premium-ui #mobile-menu {
    top: 64px;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
  }
  .premium-ui #hero {
    min-height: auto;
    padding-top: 92px;
    padding-bottom: 74px;
  }
  .premium-ui .hero-bg-anim { display: none; }
  .premium-ui .hero-grid { gap: 28px; }
  .premium-ui .hero-badge {
    margin-bottom: 18px;
    font-size: 0.79rem;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
    justify-content: center;
  }
  .premium-ui .hero-title {
    font-size: clamp(2rem, 10vw, 2.65rem);
    line-height: 1.12;
    margin-bottom: 16px;
  }
  .premium-ui .hero-desc {
    font-size: 1.02rem;
    line-height: 1.56;
    margin-bottom: 24px;
  }
  .premium-ui .hero-btns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
  }
  .premium-ui .hero-btns .btn {
    width: 100%;
    min-height: 52px;
    border-radius: 12px;
    font-size: 1.04rem;
  }
  .premium-ui .hero-btns .btn:nth-child(3),
  .premium-ui .hero-btns .btn:nth-child(4) {
    grid-column: 1 / -1;
    width: min(58vw, 240px);
    justify-self: center;
  }
  .premium-ui .hero-stats {
    width: 100%;
    margin-top: 26px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .premium-ui .hero-stat { min-width: 0; padding: 6px 2px; }
  .premium-ui .hero-stat .num { font-size: clamp(1.25rem, 7vw, 1.95rem); }
  .premium-ui .hero-stat .lbl {
    font-size: 0.64rem;
    letter-spacing: 0.03em;
  }
  .premium-ui .float-btns {
    right: 12px;
    bottom: 12px;
  }
}

@media (max-width: 420px) {
  .premium-ui .logo-text .tagline { display: none; }
  .premium-ui .logo-text .name { font-size: 0.96rem; }
  .premium-ui .hero-title {
    font-size: clamp(1.9rem, 9.8vw, 2.35rem);
    line-height: 1.14;
  }
  .premium-ui .hero-desc {
    font-size: 0.96rem;
    line-height: 1.52;
  }
  .premium-ui .hero-btns .btn:nth-child(3),
  .premium-ui .hero-btns .btn:nth-child(4) {
    width: min(64vw, 230px);
  }
  .premium-ui .hero-stats { gap: 6px; }
  .premium-ui .hero-stat .lbl { font-size: 0.6rem; }
}