.ab-theme {
    font-family: 'Inter', sans-serif;
    color: var(--text);
    background:
        radial-gradient(circle at 12% 18%, rgba(109, 124, 255, 0.18), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(32, 211, 246, 0.14), transparent 26%),
        radial-gradient(circle at 68% 72%, rgba(246, 87, 207, 0.12), transparent 22%),
        linear-gradient(180deg, #07111f 0%, #09152a 36%, #08101f 100%);
}

.ab-theme :root,
.ab-theme {
    --ink: #f4f7fb;
    --ink-2: #d8e4f7;
    --ink-3: #adc0dd;
    --ink-4: #8ba1c1;
    --surface: rgba(11, 24, 48, 0.78);
    --surface-2: rgba(13, 29, 58, 0.92);
    --surface-3: rgba(255, 255, 255, 0.06);
    --border: rgba(255, 255, 255, 0.12);
    --border-2: rgba(255, 255, 255, 0.18);
    --accent: #6d7cff;
    --accent-2: #5366ff;
    --accent-3: #20d3f6;
    --accent-light: rgba(109, 124, 255, 0.2);
    --accent-mid: rgba(109, 124, 255, 0.35);
}

.ab-theme .ticker,
.ab-theme .trust-bar {
    background: rgba(255, 255, 255, 0.03);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ab-theme .ticker-item,
.ab-theme .trust-track span {
    color: #d8e4f7;
}

.ab-theme .ticker-sep {
    color: rgba(216, 228, 247, 0.4);
}

.ab-theme .page-hero,
.ab-theme .live-section,
.ab-theme .upcoming-section,
.ab-theme .library-section,
.ab-theme .filter-bar,
.ab-theme .main,
.ab-theme .landing-main,
.ab-theme .results-wrap,
.ab-theme .dash-main,
.ab-theme .login-gate {
    background: transparent;
}

.ab-theme .page-hero,
.ab-theme .filter-bar,
.ab-theme .live-section,
.ab-theme .upcoming-section,
.ab-theme .library-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ab-theme .page-title,
.ab-theme .lib-title,
.ab-theme .cta-title,
.ab-theme .ss-title,
.ab-theme .lc-title,
.ab-theme .rh-exam-name,
.ab-theme .sc-head-title,
.ab-theme .table-head-title,
.ab-theme .profile-head,
.ab-theme .prog-head-title,
.ab-theme .info-strip-head,
.ab-theme .grade-num {
    font-family: 'Space Grotesk', sans-serif;
    color: #f4f7fb;
}

.ab-theme .page-sub,
.ab-theme .lib-sub,
.ab-theme .ws-desc,
.ab-theme .ri-ans-row,
.ab-theme .rc-sub,
.ab-theme .lc-sub,
.ab-theme .profile-item-sub,
.ab-theme .info-desc,
.ab-theme .cta-sub,
.ab-theme .ss-sub {
    color: #adc0dd;
}

.ab-theme .video-wrap,
.ab-theme .stream-card,
.ab-theme .upcoming-card,
.ab-theme .vid-card,
.ab-theme .filter-bar,
.ab-theme .subscribe-strip,
.ab-theme .ws-card,
.ab-theme .grade-card,
.ab-theme .info-strip,
.ab-theme .cta-strip,
.ab-theme .card,
.ab-theme .test-details-card,
.ab-theme .info-pill,
.ab-theme .score-card,
.ab-theme .review-item,
.ab-theme .results-cta,
.ab-theme .login-card,
.ab-theme .result-hero,
.ab-theme .breakdown-card,
.ab-theme .table-card,
.ab-theme .progression-card,
.ab-theme .profile-card,
.ab-theme .empty-state {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.04) 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(18px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.24);
}

.ab-theme .stream-card-head,
.ab-theme .card-head,
.ab-theme .td-head,
.ab-theme .sc-head,
.ab-theme .ri-head,
.ab-theme .table-head,
.ab-theme .prog-head,
.ab-theme .profile-head,
.ab-theme .rh-head,
.ab-theme .grade-card-head,
.ab-theme .info-strip-head,
.ab-theme .ws-card-top {
    background: rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ab-theme .stream-detail-row,
.ab-theme .ws-card-foot,
.ab-theme .grade-subject-row,
.ab-theme .td-row,
.ab-theme .bc-row,
.ab-theme td,
.ab-theme th,
.ab-theme .rh-foot,
.ab-theme .sc-stat,
.ab-theme .ri-body,
.ab-theme .profile-item {
    border-color: rgba(255, 255, 255, 0.1);
}

.ab-theme .filter-select,
.ab-theme .filter-input,
.ab-theme select,
.ab-theme input[type='text'],
.ab-theme input[type='password'],
.ab-theme .contact-input,
.ab-theme .contact-select,
.ab-theme .contact-textarea {
    background: rgba(255, 255, 255, 0.08);
    color: #e9f2ff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.ab-theme .filter-select:focus,
.ab-theme .filter-input:focus,
.ab-theme select:focus,
.ab-theme input:focus,
.ab-theme .contact-input:focus,
.ab-theme .contact-select:focus,
.ab-theme .contact-textarea:focus {
    border-color: rgba(32, 211, 246, 0.7);
    box-shadow: 0 0 0 3px rgba(32, 211, 246, 0.18);
}

.ab-theme .option,
.ab-theme .subject-opt,
.ab-theme .subject-tab,
.ab-theme .p-num,
.ab-theme .q-footer-btn,
.ab-theme .dash-action-btn,
.ab-theme .rh-btn,
.ab-theme .dl-btn,
.ab-theme .btn-retry,
.ab-theme .btn-outline,
.ab-theme .btn-notify,
.ab-theme .ws-dl-btn {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #d8e4f7;
}

.ab-theme .option:hover,
.ab-theme .subject-opt:hover,
.ab-theme .subject-tab:hover,
.ab-theme .p-num:hover,
.ab-theme .q-footer-btn:hover,
.ab-theme .dash-action-btn:hover,
.ab-theme .rh-btn:hover,
.ab-theme .dl-btn:hover,
.ab-theme .btn-retry:hover,
.ab-theme .btn-outline:hover,
.ab-theme .btn-notify:hover,
.ab-theme .ws-dl-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.ab-theme .option.selected,
.ab-theme .subject-opt.selected,
.ab-theme .subject-tab.active,
.ab-theme .p-num.answered,
.ab-theme .dash-action-btn.primary,
.ab-theme .rh-btn.primary,
.ab-theme .btn-register,
.ab-theme .start-btn,
.ab-theme .btn-primary,
.ab-theme .btn-watch-live,
.ab-theme .watch-yt-btn,
.ab-theme .ss-subscribe,
.ab-theme .ws-attempt-btn {
    background: linear-gradient(135deg, rgba(109, 124, 255, 0.9), rgba(32, 211, 246, 0.86));
    color: #ffffff;
    border-color: rgba(109, 124, 255, 0.45);
}

.ab-theme .vid-watch-btn,
.ab-theme .yt-open-btn {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.92), rgba(239, 68, 68, 0.86));
    color: #ffffff;
    border: 1px solid rgba(255, 170, 170, 0.45);
}

.ab-theme .footer-component {
    margin-top: 2.4rem;
}

.ab-theme .exam-body,
.ab-theme .question-panel,
.ab-theme .palette-panel,
.ab-theme .dash-topbar,
.ab-theme .exam-header {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.ab-theme .table-head-sub,
.ab-theme .td-muted,
.ab-theme .prog-head-note,
.ab-theme .prog-cycle,
.ab-theme .prog-val,
.ab-theme .rh-cycle,
.ab-theme .rh-stat-label,
.ab-theme .sc-stat-label,
.ab-theme .lc-eyebrow,
.ab-theme .section-eyebrow,
.ab-theme .result-count,
.ab-theme .vid-meta,
.ab-theme .vid-grade,
.ab-theme .ws-meta-info {
    color: #9fb3d3;
}

.ab-theme .page-title,
.ab-theme .lib-title,
.ab-theme .rc-title,
.ab-theme .results-title,
.ab-theme .stream-card-title,
.ab-theme .ws-title,
.ab-theme .vid-title,
.ab-theme .ri-question,
.ab-theme .dash-user-name,
.ab-theme .lc-form-title {
    letter-spacing: -0.01em;
}

.ab-theme .main,
.ab-theme .landing-main,
.ab-theme .results-wrap,
.ab-theme .dash-main {
    max-width: 1160px;
    margin: 0 auto;
}

@media (max-width: 900px) {
    .ab-theme .landing-grid,
    .ab-theme .live-grid,
    .ab-theme .two-col,
    .ab-theme .profile-grid {
        grid-template-columns: 1fr;
    }
}
