*{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-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:#71717a;cursor:not-allowed;background:#27272a;border:0;border-radius:10px;padding:12px 18px;font-weight:700}@media (max-width:700px){.lesson-content-card{padding:24px}.lesson-content-card h1{font-size:30px}}