*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#fff;background:#0b0b0c;font-family:Arial,Helvetica,sans-serif}.page-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.hero-card{background:#121214;border:1px solid #2a2a2d;border-radius:20px;width:100%;max-width:760px;padding:48px}.eyebrow{letter-spacing:.18em;color:#9ca3af;margin-bottom:16px;font-size:12px}h1{margin:0 0 16px;font-size:48px}p{color:#d1d5db;margin-bottom:28px;font-size:20px;line-height:1.5}.status-badge{color:#e5e7eb;border:1px solid #3f3f46;border-radius:999px;padding:8px 14px;font-size:14px;display:inline-block}.login-page{background:#0b0b0c;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#121214;border:1px solid #2a2a2d;border-radius:20px;width:100%;max-width:440px;padding:42px}.login-brand{letter-spacing:.18em;color:#9ca3af;margin-bottom:14px;font-size:12px;font-weight:700}.login-card h1{margin:0 0 8px;font-size:40px}.login-subtitle{color:#9ca3af;margin:0 0 30px;font-size:16px}.login-form{flex-direction:column;gap:20px;display:flex}.login-form label{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.login-form input{color:#fff;background:#18181b;border:1px solid #3f3f46;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:16px}.login-form input:focus{border-color:#71717a}.login-form button{color:#0b0b0c;cursor:pointer;background:#fff;border:0;border-radius:10px;margin-top:6px;padding:14px 18px;font-size:16px;font-weight:700}.login-form button:hover{background:#e4e4e7}.login-error{color:#fecaca;background:#2a1111;border:1px solid #7f1d1d;border-radius:10px;margin-bottom:20px;padding:12px 14px;font-size:14px}.academy-dashboard{background:#0b0b0c;min-height:100vh;padding:48px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto 36px;display:flex}.dashboard-header h1{margin:6px 0 8px;font-size:42px}.dashboard-header p{color:#9ca3af;margin:0;font-size:17px}.dashboard-role{text-transform:uppercase;letter-spacing:.08em;border:1px solid #3f3f46;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.course-card{background:#121214;border:1px solid #2a2a2d;border-radius:20px;max-width:1100px;margin:0 auto;overflow:hidden}.course-top{border-bottom:1px solid #2a2a2d;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px;display:flex}.course-label{color:#71717a;letter-spacing:.14em;margin-bottom:8px;font-size:11px;font-weight:700}.course-top h2,.module-heading h3{margin:0 0 8px}.course-top p,.module-heading p{color:#9ca3af;margin:0;font-size:15px}.course-progress{text-align:right;min-width:90px}.course-progress span{font-size:28px;font-weight:700;display:block}.course-progress small{color:#71717a}.module-section{padding:32px}.module-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.lesson-count{color:#9ca3af;font-size:13px}.lesson-list{flex-direction:column;gap:10px;display:flex}.lesson-row{color:#fff;background:#18181b;border:1px solid #2a2a2d;border-radius:12px;align-items:center;gap:16px;padding:18px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.lesson-row:hover{background:#1f1f22;border-color:#52525b}.lesson-number{color:#71717a;width:38px;font-size:13px;font-weight:700}.lesson-info{flex-direction:column;flex:1;gap:4px;display:flex}.lesson-info strong{font-size:15px}.lesson-info span{color:#71717a;text-transform:capitalize;font-size:13px}.lesson-status{color:#d4d4d8;font-size:13px;font-weight:600}@media (max-width:700px){.academy-dashboard{padding:24px}.dashboard-header,.course-top,.module-heading{flex-direction:column}.course-progress{text-align:left}}.lesson-quiz{border-top:1px solid #3f3f46;margin-top:40px;padding-top:32px}.lesson-quiz h2{margin:6px 0 10px;font-size:28px}.quiz-instructions{color:#a1a1aa;margin:0 0 24px;font-size:15px}.quiz-form{flex-direction:column;gap:18px;display:flex}.quiz-question{background:#18181b;border:1px solid #2a2a2d;border-radius:12px;margin:0;padding:20px}.quiz-question legend{color:#f4f4f5;width:100%;padding:0 0 14px;font-size:16px;font-weight:700;line-height:1.5}.quiz-question legend span{color:#71717a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:11px;display:block}.quiz-option{color:#d4d4d8;cursor:pointer;border:1px solid #2a2a2d;border-radius:9px;align-items:flex-start;gap:11px;margin-top:10px;padding:12px;display:flex}.quiz-option:hover{border-color:#52525b}.quiz-option input{margin-top:3px}.quiz-result{border-radius:10px;margin-bottom:22px;padding:14px 16px;font-size:14px;line-height:1.5}.quiz-result-failed{color:#fecaca;background:#2a1111;border:1px solid #7f1d1d}.quiz-result-passed{color:#bbf7d0;background:#0e2518;border:1px solid #166534}.lesson-page{background:#0b0b0c;min-height:100vh;padding:40px 24px}.lesson-shell{width:100%;max-width:900px;margin:0 auto}.lesson-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.back-link{color:#d4d4d8;font-size:14px;text-decoration:none}.back-link:hover{color:#fff}.lesson-meta{color:#71717a;font-size:13px}.lesson-breadcrumb{color:#71717a;margin-bottom:12px;font-size:13px}.lesson-content-card{background:#121214;border:1px solid #2a2a2d;border-radius:18px;padding:36px}.lesson-content-card h1{margin:6px 0 24px;font-size:38px}.video-placeholder{color:#71717a;text-align:center;background:#18181b;border:1px dashed #3f3f46;border-radius:14px;margin-bottom:24px;padding:80px 24px}.lesson-body{font-size:17px;line-height:1.65}.lesson-body p{color:#d4d4d8;margin:0;font-size:17px}.empty-lesson-state{background:#18181b;border:1px solid #2a2a2d;border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex}.empty-lesson-state span{color:#71717a;font-size:14px}.lesson-actions{border-top:1px solid #2a2a2d;justify-content:flex-end;margin-top:32px;padding-top:24px;display:flex}.lesson-actions button{color:#0b0b0c;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.lesson-actions button:hover{background:#e4e4e7}@media (max-width:700px){.lesson-content-card{padding:24px}.lesson-content-card h1{font-size:30px}}.lesson-row-complete{background:#141414;border-color:#3f3f46}.lesson-row-complete .lesson-number,.lesson-row-complete .lesson-status{color:#fff}.lesson-row-locked{opacity:.45;cursor:not-allowed}.lesson-row-locked:hover{background:#18181b;border-color:#2a2a2d}.lesson-row-locked .lesson-status{color:#71717a}.intro-check,.intro-acknowledgment{background:#18181b;border:1px solid #2a2a2d;border-radius:14px;margin-top:28px;padding:24px}.intro-check h2{margin:0 0 20px;font-size:22px}.check-option{cursor:pointer;border:1px solid #2a2a2d;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px;display:flex}.check-option:hover{border-color:#52525b}.check-option input{margin-top:3px}.check-option span{line-height:1.45}.intro-acknowledgment p{color:#d4d4d8;margin:0 0 20px;font-size:16px}.acknowledgment-check{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.acknowledgment-check input{margin-top:3px}.primary-action{color:#0b0b0c;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.primary-action:hover{background:#e4e4e7}.structured-lesson{flex-direction:column;gap:18px;display:flex}.lesson-section-heading{border-top:1px solid #2a2a2d;margin:30px 0 0;padding-top:28px;font-size:26px;line-height:1.2}.structured-lesson>.lesson-section-heading:first-child{border-top:0;margin-top:0;padding-top:0}.lesson-subheading{margin:12px 0 0;font-size:19px}.lesson-paragraph{color:#d4d4d8;margin:0;font-size:16px;line-height:1.75}.lesson-bullets{color:#d4d4d8;margin:0;padding-left:24px;font-size:16px;line-height:1.7}.lesson-bullets li+li{margin-top:7px}.lesson-callout,.lesson-warning,.lesson-example,.lesson-scenario{border-radius:12px;padding:20px}.lesson-callout{background:#18181b;border:1px solid #3f3f46}.lesson-callout-title{margin-bottom:8px;font-size:16px;display:block}.lesson-callout p,.lesson-warning p,.lesson-example p,.lesson-scenario p{color:#d4d4d8;margin:0;font-size:15px;line-height:1.65}.lesson-warning{background:#1c160c;border:1px solid #713f12}.lesson-warning-label,.lesson-example-label,.lesson-scenario-label{letter-spacing:.14em;margin-bottom:9px;font-size:11px;font-weight:800}.lesson-warning-label{color:#fbbf24}.lesson-example{background:#111827;border:1px solid #334155}.lesson-example-label{color:#94a3b8}.lesson-scenario{background:#18181b;border:1px solid #3f3f46}.lesson-scenario-label{color:#a1a1aa}.lesson-scenario ul{color:#d4d4d8;margin:14px 0 0;padding-left:22px;line-height:1.65}.lesson-stat{background:#18181b;border:1px solid #2a2a2d;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.lesson-stat span{color:#a1a1aa;font-size:14px}.lesson-stat strong{font-size:17px}.lesson-divider{border:0;border-top:1px solid #2a2a2d;width:100%;margin:14px 0}.section-player-header{border-top:1px solid #2a2a2d;border-bottom:1px solid #2a2a2d;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:28px;padding:22px 0;display:flex}.section-count{color:#a1a1aa;letter-spacing:.14em;margin-bottom:8px;font-size:11px;font-weight:800}.section-player-header h2{margin:0;font-size:25px;line-height:1.25}.section-time{color:#a1a1aa;margin-top:8px;font-size:13px}.section-progress{flex-shrink:0;align-items:center;gap:8px;padding-bottom:4px;display:flex}.section-progress-dot{background:0 0;border:1px solid #52525b;border-radius:999px;width:10px;height:10px;transition:width .16s,background .16s,border-color .16s;display:block}.section-progress-dot:hover{border-color:#a1a1aa}.section-progress-dot.is-visited{background:#71717a;border-color:#71717a}.section-progress-dot.is-current{background:#fff;border-color:#fff;width:28px}.section-player-body{padding-top:28px}.section-nav-link,.section-complete-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.section-nav-secondary{color:#f4f4f5;background:#18181b;border:1px solid #3f3f46}.section-nav-secondary:hover{background:#202024;border-color:#71717a}.section-nav-primary,.section-complete-button{color:#0b0b0c;background:#fff;border:0}.section-nav-primary:hover,.section-complete-button:hover{background:#e4e4e7}@media (max-width:640px){.section-player-header{flex-direction:column;align-items:flex-start}.section-progress{padding-bottom:0}.section-navigation{align-items:stretch}.section-nav-link,.section-complete-button{width:100%}}.section-progress-wrap{margin-bottom:28px}.section-progress-top{color:#9ca3af;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:13px;display:flex}.section-progress-track{background:#27272a;border-radius:999px;width:100%;height:8px;overflow:hidden}.section-progress-fill{background:#fff;border-radius:999px;height:100%;transition:width .2s}.section-header{margin-bottom:26px}.section-header h2{margin:4px 0 0;font-size:30px}.section-navigation{border-top:1px solid #2a2a2d;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding-top:24px;display:flex}.primary-link-action,.secondary-action{border-radius:10px;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.primary-link-action{color:#0b0b0c;background:#fff}.primary-link-action:hover{background:#e4e4e7}.secondary-action{color:#d4d4d8;border:1px solid #3f3f46}.secondary-action:hover{color:#fff;border-color:#52525b}@media (max-width:700px){.section-navigation{align-items:stretch}.primary-link-action,.secondary-action{text-align:center}}
