/* Source: blog.html */
.blog-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .blog-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Shared section background variants */
.section-bg-ready {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.section-bg-ready > * {
  position: relative;
  z-index: 1;
}

.section-bg-none {
  background: #ffffff !important;
}

.section-bg-color {
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 45%, #fff7ed 100%) !important;
}

.section-bg-color::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.34;
  background-image: linear-gradient(120deg, rgba(15, 43, 61, 0.1) 1px, transparent 1px);
  background-size: 28px 28px;
}

.section-bg-image {
  background:
    linear-gradient(90deg, rgba(15, 23, 42, 0.92), rgba(15, 23, 42, 0.74)),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80") center/cover !important;
  color: #ffffff;
}

.section-bg-image :where(h1, h2, h3, p, span:not(.text-transparent), div, li) {
  color: inherit;
}

.section-bg-image :where(.bg-white, .bg-gray-50, .bg-slate-50) {
  color: #0f172a;
}

.section-bg-image :where(.text-gray-500, .text-gray-600, .text-slate-500, .text-slate-600) {
  color: rgba(255, 255, 255, 0.78) !important;
}

.section-bg-image :where(.bg-white, .bg-white\/80, .bg-white\/90) :where(.text-gray-500, .text-gray-600, .text-slate-500, .text-slate-600) {
  color: #64748b !important;
}

/* Source: blog.html */
.line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

/* Source: categories.html */
.course-card {
      transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .course-card:hover {
      transform: translateY(-8px);
    }
    .btn-ripple:active { transform: scale(0.96); }
    .glass-card-light {
      background: rgba(255,255,255,0.8);
      backdrop-filter: blur(4px);
    }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: categories.html */
.line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    /* custom scroll for horizontal */
    #courseScrollContainer::-webkit-scrollbar {
      height: 5px;
    }
    #courseScrollContainer::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 10px;
    }
    #courseScrollContainer::-webkit-scrollbar-thumb {
      background: #f97316;
      border-radius: 10px;
    }

/* Source: dashboard.html */
.dashboard-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .dashboard-card:hover { transform: translateY(-4px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    .glass-card { background: rgba(255,255,255,0.85); backdrop-filter: blur(8px); }

/* Source: dashboard.html */
[x-cloak] { display: none; }
    .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Source: features.html */
.feature-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .feature-card:hover { transform: translateY(-6px); }
    .gradient-border-bottom { position: relative; }
    .gradient-border-bottom::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: linear-gradient(90deg, #f97316, #f59e0b); border-radius: 2px; }

/* Source: features.html */
.scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Source: gallery.html */
.gallery-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .gallery-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    .lightbox-overlay {
      background: rgba(0,0,0,0.85);
      backdrop-filter: blur(8px);
    }

/* Source: gallery.html */
[x-cloak] { display: none; }

/* Source: hero.html */
/* custom smooth effects */
    .glass-card {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,0.3);
    }
    .btn-ripple {
      transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .btn-ripple:active {
      transform: scale(0.96);
    }
    .stat-number {
      font-variant-numeric: tabular-nums;
    }
    .hero-image-shadow {
      filter: drop-shadow(0 20px 25px -5px rgba(0, 0, 0, 0.1)) drop-shadow(0 8px 10px -6px rgba(0, 0, 0, 0.05));
    }
    .gradient-bg-1 {
      background: radial-gradient(circle at 10% 20%, rgba(249,115,22,0.08), rgba(15,43,61,0.02));
    }
    .gradient-bg-2 {
      background: radial-gradient(circle at 90% 30%, rgba(59,130,246,0.08), rgba(249,115,22,0.02));
    }

/* Source: hero.html */
.nav-link{position:relative;transition:all 0.2s}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:linear-gradient(90deg,#f97316,#f59e0b);transition:width 0.25s}.nav-link:hover::after{width:100%}

/* Source: teachers.html */
.faculty-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .faculty-card:hover { transform: translateY(-8px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: teachers.html */
.line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

/* Source: top-bar.html */
/* custom smooth glow & modern glass effects */
        .glass-effect {
            backdrop-filter: blur(4px);
            background: rgba(255, 255, 255, 0.85);
        }
        .admission-glow {
            box-shadow: 0 0 8px rgba(245, 158, 11, 0.6), 0 0 12px rgba(245, 158, 11, 0.3);
        }
        .hover-scale {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .hover-scale:hover {
            transform: translateY(-1px);
        }
        /* custom tooltip fade */
        .tooltip-fade {
            transition: opacity 0.2s ease, visibility 0.2s;
        }
        /* Hide scrollbar on tooltip but fine */
        body {
            background: #f8fafc;
        }

/* Source: top-bar.html */
/* Custom scroll & modern hover enhancements */
        .admission-badge {
            background: linear-gradient(95deg, #f59e0b, #ea580c, #f97316);
            background-size: 200% 100%;
            transition: background-position 0.5s ease;
        }
        .admission-badge:hover {
            background-position: 100% 0;
        }
        .student-login-btn {
            transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .student-login-btn:active {
            transform: scale(0.96);
        }
        /* responsive fine-tuning for small screens */
        @media (max-width: 640px) {
            .flex.flex-wrap.justify-between {
                flex-direction: column;
                align-items: stretch;
            }
            .flex.flex-wrap.items-center.gap-x-5 {
                justify-content: flex-start;
                flex-wrap: wrap;
                row-gap: 0.5rem;
            }
            .admission-badge {
                font-size: 0.8rem;
                padding-left: 0.875rem;
                padding-right: 0.875rem;
            }
        }

/* Source: about.html */
.about-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .about-card:hover { transform: translateY(-5px); }
    .director-quote { position: relative; }
    .director-quote::before { content: '"'; font-size: 5rem; position: absolute; top: -1rem; left: -1rem; opacity: 0.2; font-family: serif; color: #f97316; pointer-events: none; }

/* Source: achievements.html */
.result-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .result-card:hover { transform: translateY(-6px); }
    .glass-effect { background: rgba(255,255,255,0.85); backdrop-filter: blur(6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    .counter-number { font-variant-numeric: tabular-nums; }

/* Source: achievements-page.html */
.stat-card { transition: all 0.3s ease; }
    .stat-card:hover { transform: translateY(-5px); }
    .certificate-card { transition: all 0.2s; }
    .certificate-card:hover { transform: scale(1.02); box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); }

/* Source: admin.html */
.fade-in { animation: fadeIn 0.3s ease; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
    .tab-active { border-bottom: 2px solid #f97316; color: #f97316; }
    .card-hover { transition: all 0.2s ease; }
    .card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 20px -10px rgba(0,0,0,0.1); }

/* Source: classes-page.html */
.class-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .class-card:hover { transform: translateY(-4px); }
    .video-card { transition: all 0.2s ease; }
    .video-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); }

/* Source: components.html */
.sticky-btn { transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
    .sticky-btn:hover { transform: scale(1.05); }
    .chat-bubble { animation: bounce 2s infinite; }
    @keyframes bounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
    .exit-modal-overlay { background: rgba(0,0,0,0.7); backdrop-filter: blur(5px); }
    .google-review-card { transition: all 0.2s; }
    .google-review-card:hover { transform: translateY(-3px); }

/* Source: course-details.html */
.section-fade { transition: all 0.3s ease; }
    .faq-question { cursor: pointer; transition: background 0.2s; }
    .faq-question:hover { background: #f9fafb; }
    .video-placeholder { background: linear-gradient(135deg, #1e293b, #0f172a); }

/* Source: courses.html */
.course-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .course-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    .glass-card { background: rgba(255,255,255,0.8); backdrop-filter: blur(4px); }

/* Source: courses-page.html */
.course-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .course-card:hover { transform: translateY(-6px); }
    .category-chip { transition: all 0.2s; }
    .category-chip.active { background-color: #f97316; color: white; border-color: #f97316; }

/* Source: cta.html */
.cta-button { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .cta-button:hover { transform: translateY(-3px); box-shadow: 0 20px 25px -12px rgba(0,0,0,0.2); }

/* Source: faq.html */
.faq-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .faq-card:hover { transform: translateY(-4px); }

/* Source: footer.html */
.footer-link { transition: all 0.2s ease; }
    .footer-link:hover { color: #f97316; transform: translateX(3px); }
    .newsletter-input:focus { outline: none; ring: 2px solid #f97316; border-color: #f97316; }

/* Source: gallery-page.html */
.gallery-item { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .gallery-item:hover { transform: translateY(-5px); }
    .lightbox-overlay { background: rgba(0,0,0,0.85); backdrop-filter: blur(8px); }

/* Source: home-page-2.html */
.nav-link { position: relative; transition: all 0.2s; }
    .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0%; height: 2px; background: linear-gradient(90deg, #f97316, #f59e0b); transition: width 0.25s; border-radius: 2px; }
    .nav-link:hover::after { width: 100%; }
    .btn-ripple:active { transform: scale(0.96); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: inquiry.html */
.glass-card {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,0.3);
    }
    .input-focus-ring:focus {
      outline: none;
      ring: 2px solid #f97316;
      border-color: #f97316;
    }
    .btn-ripple:active { transform: scale(0.96); }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0%;
      height: 2px;
      background: linear-gradient(90deg, #f97316, #f59e0b);
      transition: width 0.25s;
    }
    .nav-link:hover::after { width: 100%; }

/* Source: navbar.html */
/* Custom smooth transitions & glass effects */
    .glass-nav {
      backdrop-filter: blur(12px);
      background: rgba(255, 255, 255, 0.92);
    }
    .nav-link {
      transition: all 0.2s ease;
      position: relative;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0%;
      height: 2px;
      background: linear-gradient(90deg, #f97316, #f59e0b);
      transition: width 0.25s ease-out;
      border-radius: 2px;
    }
    .nav-link:hover::after {
      width: 100%;
    }
    .mobile-nav-link {
      transition: all 0.2s ease;
    }
    .mobile-nav-link:hover {
      background: rgba(249, 115, 22, 0.1);
      transform: translateX(6px);
    }
    .btn-glow {
      transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .btn-glow:hover {
      box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3);
      transform: translateY(-2px);
    }
    .btn-outline-glow:hover {
      box-shadow: 0 8px 18px rgba(15, 43, 61, 0.15);
      transform: translateY(-2px);
    }
    /* Hide scrollbar for mobile menu but keep functionality */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

/* Source: online-classes.html */
.online-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .online-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: parent-dashboard.html */
.stat-card { transition: all 0.2s ease; }
    .stat-card:hover { transform: translateY(-3px); }

/* Source: registration-page.html */
.form-input:focus { outline: none; ring: 2px solid #f97316; border-color: #f97316; }
    .payment-card { transition: all 0.2s ease; cursor: pointer; }
    .payment-card.selected { border-color: #f97316; background-color: #fff7ed; box-shadow: 0 4px 12px rgba(249,115,22,0.15); }

/* Source: resources.html */
.resource-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .resource-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: scholarship.html */
.fee-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .fee-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: stories.html */
.testimonial-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .testimonial-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: teachers-page.html */
.faculty-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .faculty-card:hover { transform: translateY(-8px); }
    .video-placeholder { background: linear-gradient(135deg, #1e293b, #0f172a); }

/* Source: test.html */
.nav-link { position: relative; transition: all 0.2s; }
    .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0%; height: 2px; background: linear-gradient(90deg, #f97316, #f59e0b); transition: width 0.25s; border-radius: 2px; }
    .nav-link:hover::after { width: 100%; }
    .btn-ripple:active { transform: scale(0.96); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: test-series.html */
.test-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .test-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Source: test-series-page.html */
.test-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .test-card:hover { transform: translateY(-6px); }
    .option-label { transition: all 0.1s ease; cursor: pointer; }
    .option-label.selected { background-color: #f97316; color: white; border-color: #f97316; }

/* Source: upcoming-batches.html */
.batch-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .batch-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    .seats-low { animation: pulse 1.5s infinite; }
    @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.6; } }

/* Source: workshops.html */
.event-card { transition: all 0.3s cubic-bezier(0.23,1,0.32,1); }
    .event-card:hover { transform: translateY(-6px); }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }