/* Mavtech — custom styles (light, educational-institute vibe) */

body {
    font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Subtle dotted background */
.bg-dots {
    background-image: radial-gradient(rgba(79, 70, 229, 0.12) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
}

/* Course cards */
.course-card {
    position: relative;
    padding: 1.75rem;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgb(226 232 240);
    transition: all 0.25s ease;
}
.course-card:hover {
    border-color: rgba(99, 102, 241, 0.4);
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -20px rgba(79, 70, 229, 0.25);
}

.badge {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.35rem 0.7rem;
    border-radius: 0.4rem;
    background: rgb(238 242 255);
    color: rgb(67 56 202);
    border: 1px solid rgb(224 231 255);
    margin-bottom: 1rem;
}
.badge-amber {
    background: rgb(255 251 235);
    color: rgb(180 83 9);
    border-color: rgb(253 230 138);
}

.enroll-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: rgb(79 70 229);
    transition: gap 0.2s ease;
}
.enroll-link:hover {
    gap: 0.65rem;
}

/* Form inputs */
.input-field {
    width: 100%;
    padding: 0.8rem 1rem;
    background: rgb(248 250 252);
    border: 1px solid rgb(226 232 240);
    border-radius: 0.6rem;
    color: rgb(15 23 42);
    font-size: 0.925rem;
    font-family: inherit;
    transition: all 0.2s ease;
}
.input-field:focus {
    outline: none;
    background: #ffffff;
    border-color: rgb(99 102 241);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12);
}
.input-field::placeholder { color: rgb(148 163 184); }

/* Tab panels */
.tab-panel.hidden { display: none; }

/* Tab button active style (overrides for light theme) */
.tab-btn {
    transition: all 0.2s ease;
}