:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#172033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f4f7fb;--panel: #ffffff;--panel-alt: #eef4ff;--brand: #1f6feb;--brand-dark: #1649a1;--text: #172033;--muted: #58657d;--border: #dfe7f2;--success: #0f9f6e;--shadow: 0 12px 38px rgba(34, 78, 160, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-bottom:1px solid var(--border)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;color:var(--brand-dark)}.main-nav{display:flex;align-items:center;gap:20px}.nav-link{color:var(--muted);font-weight:600;transition:color .2s ease}.nav-link.active,.nav-link:hover{color:var(--brand-dark)}.nav-actions{display:flex;align-items:center;gap:10px}.icon-button{width:38px;height:38px;border:1px solid var(--border);border-radius:999px;background:var(--panel);cursor:pointer}.currency-toggle,.footer-currency-toggle{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:.55rem .75rem;font-size:.78rem;font-weight:800;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;padding:.72rem 1.15rem;font-weight:700;transition:.2s ease}.button-secondary{background:var(--panel);border-color:var(--border);color:var(--text)}.page-main{flex:1;padding:32px 0 64px}.site-footer{border-top:1px solid var(--border);background:#f9fbff}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.footer-row p{margin:8px 0 0;color:var(--muted)}.footer-links{display:flex;gap:20px;color:var(--muted);font-weight:600}.page{width:min(1180px,calc(100% - 32px));margin:0 auto}.catalog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.inactivity-banner{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:14px 16px;border:1px solid #b9e7d2;border-radius:16px;background:#effbf5}.inactivity-banner__icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:12px;background:#d5f3e4;color:var(--success);font-weight:900}.inactivity-banner__content{flex:1}.inactivity-banner__content strong{display:block}.inactivity-banner__content p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.inactivity-banner__actions{display:flex;align-items:center;gap:10px}.inactivity-dismiss{border:0;background:transparent;color:var(--muted);font-size:.78rem;font-weight:800;cursor:pointer}.toolbar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-box,.filter-select,.sort-select{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:.8rem .9rem;color:var(--text)}.search-box{min-width:220px}.status-tabs{display:inline-flex;gap:8px;background:#edf3ff;border:1px solid var(--border);padding:6px;border-radius:999px}.status-tab{border:0;background:transparent;color:var(--muted);font-weight:700;border-radius:999px;padding:.55rem .9rem;cursor:pointer}.status-tab.active{background:var(--panel);color:var(--brand-dark);box-shadow:0 4px 10px #112c5d14}.view-toggle{display:inline-flex;background:#edf3ff;border:1px solid var(--border);border-radius:999px;padding:4px}.view-toggle button{border:0;background:transparent;color:var(--muted);font-weight:700;padding:.5rem .8rem;border-radius:999px;cursor:pointer}.view-toggle button.active{background:var(--panel);color:var(--brand-dark)}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.course-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #edf2f7;background:var(--panel);border-radius:20px;box-shadow:0 8px 24px #102a510f;transition:transform .22s ease,box-shadow .22s ease}.course-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #102a511a}.course-card__media{position:relative;display:block;aspect-ratio:16 / 10;background:#c6d9ff}.course-card__media img{width:100%;height:100%;object-fit:cover;display:block}.course-badge{position:absolute;top:12px;left:12px;background:#1f6febe6;color:#fff;font-size:.7rem;font-weight:700;padding:.4rem .55rem;border-radius:999px}.course-card__body{padding:18px 18px 16px;display:flex;flex:1;flex-direction:column}.course-card__topline{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;border-radius:999px;font-size:.65rem;font-weight:800;padding:.28rem .5rem}.pill-success{background:#e7f9f2;color:var(--success)}.pill-discount{background:#ffe7eb;color:#d23b5b}.course-card__title-link{color:var(--text)}.course-card__title-link h3{margin:0;font-size:1.12rem;line-height:1.45}.course-card__subtitle{margin:12px 0 0;color:var(--muted);line-height:1.55}.course-card__meta{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.76rem;font-weight:700}.course-card__pricing{margin-top:auto;padding-top:14px;border-top:1px solid #edf2f7;display:flex;align-items:end;justify-content:space-between;gap:10px}.price-stack{display:flex;flex-direction:column}.price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price-current{font-size:1.2rem;font-weight:800;color:var(--text)}.price-original{font-size:.76rem;color:#9aa7b6;text-decoration:line-through}.gst-note{margin-top:4px;color:#8493a8;font-size:.7rem}.price-free{font-size:1.4rem;font-weight:800;color:#0e9f71}.course-card__cta{border:0;background:transparent;color:var(--brand);font-weight:800;font-size:.8rem;cursor:pointer;padding:0}.sales-page{display:grid;grid-template-columns:1.4fr .7fr;gap:24px}.sales-hero{border:1px solid var(--border);background:var(--panel);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.sales-hero__media{position:relative;background:#e5ecff;aspect-ratio:16 / 9}.sales-hero__media img{width:100%;height:100%;object-fit:cover;display:block}.sales-hero__content{padding:22px}.sales-hero__meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sales-hero__content h1{margin:12px 0 10px;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.06em}.sales-hero__content p{margin:0;color:var(--muted);line-height:1.7}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:18px}.highlight-item{background:#f6f9ff;border:1px solid var(--border);border-radius:16px;padding:16px;color:var(--text)}.highlight-item h4{margin:0 0 8px;font-size:1rem}.highlight-item p,.highlight-item li{color:var(--muted);line-height:1.6}.detail-section{margin-top:22px;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:22px}.detail-section h3{margin-top:0;margin-bottom:16px;font-size:1.3rem}.accordion{display:flex;flex-direction:column;gap:10px}.accordion-item{border:1px solid var(--border);border-radius:14px;background:#fafcff}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:var(--text);font-weight:700;padding:1rem;cursor:pointer}.accordion-body{padding:0 1rem 1rem;color:var(--muted)}.purchase-box{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:22px;position:sticky;top:110px;box-shadow:var(--shadow)}.price-display{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.price-display strong{font-size:2rem;letter-spacing:-.05em}.price-display span{color:#98a4b6;text-decoration:line-through}.purchase-box .cta-stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}.purchase-box .cta-stack button,.purchase-box .cta-stack a{display:flex;align-items:center;justify-content:center;border-radius:12px;padding:.9rem 1rem;font-weight:800}.purchase-box .primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none}.purchase-box .secondary{background:#fff;border:1px solid var(--border);color:var(--text)}.guarantee{margin-top:16px;color:var(--success);font-weight:700}.learning-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:24px}.video-panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.video-placeholder{background:radial-gradient(circle at top,#0d1d33,#040c14 60%,#01070d);border-radius:18px;min-height:360px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;letter-spacing:.04em}.video-placeholder iframe{display:block;width:100%;aspect-ratio:16 / 9;min-height:360px;border:0;border-radius:18px}.lesson-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 14px}.lesson-header h2{margin:0;font-size:clamp(1.5rem,2vw,2.2rem)}.lesson-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.85rem;font-weight:700}.tab-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;border-bottom:1px solid var(--border);padding-bottom:8px}.tab-button{background:transparent;border:none;border-radius:10px;color:var(--muted);font-weight:700;padding:.7rem .9rem;cursor:pointer}.tab-button.active{background:#edf3ff;color:var(--brand-dark)}.tab-panel{margin-top:18px;min-height:220px}.notes-box,.resources-box,.quiz-box,.instructor-card{background:#fafcff;border:1px solid var(--border);border-radius:16px;padding:18px}.notes-box{max-width:100%;overflow-x:hidden;overflow-wrap:anywhere}quran-player,quran-player-v2,quran-player-v3{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden}.notes-box p,.resources-box p,.quiz-box p,.instructor-card p{color:var(--muted);line-height:1.7}.resource-list,.quiz-list{display:grid;gap:12px;padding:0;list-style:none;margin:0}.resource-item,.quiz-item{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 14px}.sidebar-panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.progress-card{margin-bottom:18px;padding:16px;background:linear-gradient(135deg,#f2f8ff,#edf5f1);border:1px solid var(--border);border-radius:18px}.progress-bar{height:10px;background:#dbe7ff;border-radius:999px;overflow:hidden;margin-top:12px}.progress-bar span{display:block;width:42%;height:100%;background:linear-gradient(90deg,#13a06d,#58d2a4)}.curriculum-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.curriculum-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px;border:1px solid var(--border);border-radius:12px;background:#fafcff;color:var(--text)}.curriculum-item small{color:var(--muted)}.status-complete{color:var(--success);font-weight:800}.status-lock{color:#8895a5;font-weight:800}.instructor-card{display:flex;gap:14px;align-items:center}.instructor-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#dfeaff,#c8d9ff);display:grid;place-items:center;font-weight:800;color:var(--brand-dark)}.unlock-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:220px;padding:24px;border:1px solid #f0d9a6;border-radius:18px;background:#fff9eb}.unlock-banner strong{font-size:1.1rem}.unlock-banner p{margin:8px 0 0;color:var(--muted)}.quiz-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.quiz-heading h3{margin:6px 0 0}.quiz-passing-score{color:var(--muted);font-size:.76rem;font-weight:800;white-space:nowrap}.quiz-question-list{display:grid;gap:16px}.quiz-question{min-width:0;margin:0;padding:14px;border:1px solid var(--border);border-radius:12px}.quiz-question legend{max-width:100%;padding:0 6px;font-weight:800}.quiz-options{display:grid;gap:8px;margin-top:12px}.quiz-option{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--muted);cursor:pointer}.quiz-option.selected{border-color:var(--brand);background:#edf5ff;color:var(--text)}.quiz-option input{accent-color:var(--brand)}.quiz-answer-mark{margin-left:auto;color:var(--success);font-size:.72rem}.quiz-explanation{margin:12px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.quiz-score-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:14px;border:1px solid #f0d9a6;border-radius:12px;background:#fff9eb}.quiz-score-card.passed{border-color:#b9e7d2;background:#effbf5}.quiz-score-card span{color:var(--muted);font-size:.82rem}.quiz-score-card .button{margin-left:auto}.progress-message{margin:14px 0 0;color:var(--muted);font-size:.8rem}.checkout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f1b3085}.checkout-modal{width:min(820px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 80px #0e204147}.checkout-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;border-bottom:1px solid var(--border)}.checkout-header h2{margin:6px 0 0;font-size:1.45rem}.checkout-close{border:0;background:transparent;color:var(--muted);font-size:1.8rem;line-height:1;cursor:pointer}.checkout-body{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;padding:24px}.checkout-summary,.checkout-form{display:flex;flex-direction:column;gap:12px}.checkout-summary{padding:18px;border:1px solid var(--border);border-radius:16px;background:#f8fbff;align-self:start}.checkout-course{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.checkout-course img{width:62px;height:48px;object-fit:cover;border-radius:9px}.checkout-course strong,.checkout-course span{display:block}.checkout-course span,.checkout-caption,.form-hint,.form-success,.form-error{color:var(--muted);font-size:.76rem}.checkout-line,.checkout-total{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.checkout-discount,.form-success{color:var(--success)}.checkout-total{padding-top:14px;border-top:1px solid var(--border);color:var(--text);font-size:1.05rem}.checkout-label{color:var(--text);font-size:.8rem;font-weight:800}.checkout-form input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.75rem .8rem;background:#fff;color:var(--text)}.checkout-code-row{display:flex;gap:8px}.checkout-code-row input{flex:1}.checkout-accordion-toggle{display:flex;align-items:flex-start;gap:8px;margin-top:8px;color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer}.checkout-accordion-toggle input{width:auto;margin-top:3px}.invoice-fields{display:grid;gap:8px;padding:14px;border-left:3px solid var(--brand);background:#f8fbff}.form-error,.payment-message.error{color:#c33754}.payment-message{padding:10px 12px;border-radius:10px;background:#e7f9f2;color:var(--success);font-size:.8rem}.checkout-pay-button{border:0;border-radius:11px;padding:.9rem 1rem;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-weight:800;cursor:pointer}.checkout-pay-button:disabled{opacity:.65;cursor:wait}@media (max-width: 980px){.sales-page,.learning-layout{grid-template-columns:1fr}.purchase-box{position:static}}@media (max-width: 680px){.main-nav{display:none}.currency-toggle{padding:.5rem}.checkout-body{grid-template-columns:1fr;padding:18px}.checkout-header{padding:18px}.footer-row{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.unlock-banner{align-items:flex-start;flex-direction:column}.quiz-heading{flex-direction:column}.quiz-score-card .button{margin-left:0}}.hero{background:linear-gradient(135deg,#dfeaff,#f7f9ff);border:1px solid var(--border);border-radius:28px;padding:52px 42px;box-shadow:var(--shadow)}.hero h1{margin:0 0 18px;font-size:clamp(2.3rem,4vw,4rem);line-height:1.1;letter-spacing:-.06em}.hero p{max-width:700px;margin:0;color:var(--muted);font-size:1.08rem}.section{margin-top:36px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-header h2{margin:0;font-size:clamp(1.4rem,2vw,2.1rem);letter-spacing:-.04em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 10px 28px #1b305e0d}.card h3{margin:0 0 10px;font-size:1.15rem}.card p{margin:0;color:var(--muted)}.card .meta{display:flex;justify-content:space-between;gap:14px;margin-top:18px;color:var(--muted);font-size:.92rem}.auth-shell{display:grid;grid-template-columns:1.15fr 1fr;background:var(--panel);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.auth-visual{background:linear-gradient(135deg,#103f9f,#3f8cff);color:#fff;padding:44px 36px;display:flex;flex-direction:column;justify-content:space-between}.dev-admin-toggle{border:1px dashed var(--brand);background:transparent;color:var(--brand-dark);border-radius:999px;padding:.48rem .7rem;font-size:.72rem;font-weight:800;cursor:pointer}.admin-page{display:grid;gap:22px}.admin-page-header,.admin-section-heading,.admin-module-heading,.admin-lesson-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-page-header h1{margin:8px 0 6px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}.admin-page-header p{margin:0;color:var(--muted)}.admin-back-link{color:var(--brand);font-size:.82rem;font-weight:800}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border)}.admin-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:.75rem .9rem;font-weight:800;cursor:pointer}.admin-tab.active{border-bottom-color:var(--brand);color:var(--brand-dark)}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-stat-card,.admin-panel,.admin-editor-section,.admin-access-card{border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 8px 24px #102a510d}.admin-stat-card{display:grid;gap:7px;padding:18px}.admin-stat-card span,.admin-stat-card small{color:var(--muted);font-size:.78rem}.admin-stat-card strong{font-size:1.7rem;letter-spacing:-.04em}.admin-stat-card.alert-stat strong{color:#c87518}.admin-panel,.admin-editor-section{padding:22px}.admin-section-heading h2{margin:6px 0 0;font-size:1.25rem}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;margin-top:18px;min-width:680px}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.admin-table td small{display:block;margin-top:4px;color:var(--muted)}.table-progress{width:110px;height:7px;margin-bottom:5px;overflow:hidden;border-radius:999px;background:#dbe7ff}.table-progress span{display:block;height:100%;border-radius:inherit;background:var(--success)}.admin-course-list{display:grid;gap:10px;margin-top:18px}.admin-course-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fafcff}.admin-course-row strong,.admin-course-row span{display:block}.admin-course-row span{margin-top:4px;color:var(--muted);font-size:.8rem}.admin-row-actions{display:flex;align-items:center;gap:12px}.text-button{border:0;background:transparent;font-weight:800;cursor:pointer}.danger-text{color:#c33754}.admin-export-sales{justify-self:start;border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.admin-form-grid label{display:grid;gap:7px;color:var(--text);font-size:.8rem;font-weight:800}.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select,.admin-module-heading input,.admin-lesson-heading input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.72rem .8rem;background:#fff;color:var(--text);font-weight:400}.wide-field{grid-column:1 / -1}.admin-toggle{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important}.admin-toggle input{width:auto}.admin-curriculum-editor{display:grid;gap:16px;margin-top:18px}.admin-module-card{display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:16px;background:#f8fbff}.admin-module-heading input{flex:1;font-size:1rem;font-weight:800}.admin-module-heading>div{display:grid;gap:4px}.admin-module-heading small{color:var(--muted);font-size:.76rem}.admin-lesson-list{display:grid;gap:12px}.admin-lesson-card,.admin-question-card{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff}.admin-lesson-heading{align-items:center}.admin-quiz-builder{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.admin-empty-state{padding:22px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);text-align:center}.admin-save-message{margin:0;padding:12px 14px;border-radius:10px;background:#e7f9f2;color:var(--success);font-weight:700}.admin-access-card{width:min(620px,100%);margin:8vh auto 0;padding:30px}.admin-access-card h1{margin:8px 0}.admin-access-card p{color:var(--muted)}.admin-access-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}@media (max-width: 900px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.admin-page-header,.admin-section-heading,.admin-module-heading,.admin-course-row{flex-direction:column}.admin-form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.admin-stat-grid{grid-template-columns:1fr}.admin-row-actions{width:100%;justify-content:space-between}}.auth-badge{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.auth-visual h1{margin:18px 0 0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em}.auth-visual p{margin:18px 0 0;font-size:1.05rem;color:#ffffffd1}.auth-form{padding:32px 28px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-weight:800;font-size:1.2rem;margin-bottom:18px}.auth-form h2{margin:0 0 8px;font-size:2rem;letter-spacing:-.05em}.auth-form p{margin:0 0 24px;color:var(--muted)}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-group label{font-weight:600;color:var(--text)}.input-group input{width:100%;border-radius:12px;border:1px solid var(--border);background:#fbfcff;padding:.9rem .95rem}.password-box{display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:#fbfcff;overflow:hidden}.password-box input{border:none;background:transparent;flex:1}.password-toggle{border:none;background:transparent;color:var(--brand-dark);font-weight:700;padding:0 12px;cursor:pointer}.primary-button,.secondary-button,.social-button{width:100%;border:none;border-radius:12px;padding:.92rem 1rem;font-weight:700;cursor:pointer}.primary-button{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff}.secondary-button{background:#eef3ff;color:var(--brand-dark)}.social-button{background:#fff;border:1px solid var(--border);color:var(--text)}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--muted);font-weight:600}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border);flex:1}.social-row{display:grid;gap:10px}.otp-block{margin-top:18px;display:grid;gap:12px}.otp-row{display:flex;gap:8px}.otp-row input{flex:1;border-radius:12px;border:1px solid var(--border);padding:.8rem .9rem}.link-button{border:none;background:transparent;color:var(--brand-dark);font-weight:700;cursor:pointer;padding:0}.auth-status{margin-top:18px;color:var(--brand-dark);background:#edf3ff;border:1px solid var(--border);border-radius:12px;padding:.8rem .9rem;font-weight:600}.auth-toggle-row{margin-top:22px;text-align:center}.user-menu-wrap{position:relative}.avatar-button{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-weight:800;cursor:pointer}.user-menu{position:absolute;right:0;top:calc(100% + 12px);width:220px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.user-menu__header{padding:12px 14px;border-bottom:1px solid var(--border);display:grid;gap:4px}.user-menu__header small{color:var(--muted)}.user-menu ul{list-style:none;padding:0;margin:0}.user-menu li button{width:100%;text-align:left;border:none;background:transparent;color:var(--text);padding:.88rem .95rem;cursor:pointer;font-weight:600}.user-menu li button:hover{background:#f5f9ff}@media (max-width: 840px){.auth-shell,.course-detail{grid-template-columns:1fr}.nav-row,.section-header,.footer-row{flex-direction:column;align-items:flex-start}.main-nav{flex-wrap:wrap}.otp-row{flex-direction:column}}.lesson-shell{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.lesson-video{background:#060d18;border-radius:20px;min-height:320px;display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-weight:600;margin-bottom:22px}.course-detail{display:grid;grid-template-columns:1.3fr .7fr;gap:26px}.list{margin:0;padding-left:18px;color:var(--muted)}@media (max-width: 840px){.auth-shell,.course-detail{grid-template-columns:1fr}.nav-row,.section-header,.footer-row{flex-direction:column;align-items:flex-start}.main-nav{flex-wrap:wrap}}:root{--brand-primary: #1f6feb;--brand-primary-dark: #1649a1;--brand-accent: #dfeaff;--panel-bg: #ffffff;--panel-soft: #f4f7fb;--text-primary: #172033;--text-secondary: #58657d;--border-soft: #dfe7f2;--success: #0f9f6e;--warning: #f59e0b;--shadow-soft: 0 14px 36px rgba(31, 58, 106, .08)}