*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#1c1d1f;background:#f5f7fb;font-family:Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.page{background:#f5f7fb;min-height:100vh}.top-nav{z-index:100;background:#fff;border-bottom:1px solid #d1d7dc;align-items:center;gap:12px;min-height:72px;padding:0 24px;font-size:14px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #06117614}.logo-button{color:#1435c3;white-space:nowrap;letter-spacing:0;background:0 0;border:0;padding:0 4px 0 0;font-size:24px;font-weight:900;line-height:1}.nav-text-button{color:#2d2f31;white-space:nowrap;background:0 0;border:0;min-height:40px;padding:0 6px;font-size:14px;font-weight:400;line-height:1.2}.nav-text-button:hover{color:#1435c3}.nav-search{color:#1c1d1f;background:#f7f9fa;border:1px solid #d1d7dc;border-radius:999px;flex:1;align-items:center;gap:12px;min-width:220px;max-width:none;min-height:48px;padding:0 18px;display:flex}.nav-search input{color:#1c1d1f;background:0 0;border:0;outline:0;width:100%;font-size:14px}.nav-search input::placeholder{color:#6a6f73}.nav-actions,.auth-actions,.hero-actions{align-items:center;gap:10px;display:flex}.nav-actions{margin-left:auto}.nav-wide-link{padding-inline:8px}.nav-panel-button{white-space:nowrap}.nav-role-stack{flex-direction:row;align-items:center;gap:4px;display:flex}.nav-role-pill{white-space:nowrap;color:#1435c3;text-align:center;background:#eef2ff;border:1px solid #1435c3;border-radius:6px;justify-content:center;align-items:center;min-height:28px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.nav-switch-button{white-space:nowrap;color:#4b5563;text-align:center;background:#f7f9fa;border:1px solid #d1d7dc;border-radius:6px;justify-content:center;align-items:center;width:auto;min-width:max-content;min-height:28px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.nav-switch-button:hover{color:#1c1d1f;background:#eef0f2}.avatar-menu{position:relative}.avatar-button{color:#fff;background:#1435c3;border:0;border-radius:50%;width:36px;height:36px;font-weight:900}.dropdown-menu{z-index:1000;pointer-events:auto;background:#fff;border:1px solid #d1d7dc;border-radius:8px;width:250px;padding:8px;position:absolute;top:46px;right:0;box-shadow:0 12px 30px #1c1d1f1f}.dropdown-header{border-bottom:1px solid #eef0f2;flex-direction:column;gap:4px;margin-bottom:6px;padding:10px;font-size:13px;display:flex}.dropdown-header span,.muted{color:#6a6f73}.dropdown-menu button{text-align:left;color:#1c1d1f;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px;font-weight:700;display:flex}.dropdown-menu button:hover{background:#f7f9fa}.danger-menu-item{color:#b32d0f!important}.modal-backdrop{z-index:2000;background:#1c1d1f7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #d1d7dc;border-radius:8px;width:min(100%,460px);max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 22px 70px #00000038}.modal-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.modal-header h2{margin:0}.modal-close-button{color:#1c1d1f;background:#eef0f2;border:0;border-radius:6px;width:32px;height:32px;font-size:22px;line-height:1}.toast-notice{z-index:2100;color:#0f5f2a;background:#d1fadf;border:1px solid #b7e4c7;border-radius:8px;align-items:center;gap:10px;max-width:min(420px,100vw - 36px);padding:12px;font-weight:800;display:flex;position:fixed;top:76px;right:18px;box-shadow:0 18px 44px #0f5f2a2e}.toast-action-button,.toast-close-button{color:#fff;white-space:nowrap;background:#137333;border:0;border-radius:6px;padding:7px 9px;font-weight:900}.toast-close-button{color:#0f5f2a;background:0 0;width:28px;height:28px;padding:0;font-size:20px}.primary-button,.outline-button,.dark-button,.danger-button{border:1px solid #0000;border-radius:0;min-height:40px;padding:10px 14px;font-size:14px;font-weight:800;line-height:1.2}.primary-button{color:#fff;background:#1435c3;border-color:#1435c3}.primary-button:hover{background:#0f2da3}.approve-button{color:#fff;cursor:pointer;background:#137333;border:1px solid #137333;border-radius:4px;padding:10px 14px;font-weight:800}.approve-button:hover{background:#0f5f2a}.outline-button{color:#1c1d1f;background:#fff;border-color:#1c1d1f}.outline-button:hover{background:#f7f9fa}.auth-login-button{color:#1435c3;background:#fff;border-color:#1435c3;border-radius:4px;min-width:76px;min-height:40px;padding:0 14px;font-weight:700}.auth-login-button:hover{background:#eef2ff}.auth-register-button{color:#fff;background:#1435c3;border-color:#1435c3;border-radius:4px;min-width:88px;min-height:40px;padding:0 14px;font-weight:700}.auth-register-button:hover{background:#0f2da3}.dark-button{color:#fff;background:#1c1d1f}.danger-button{color:#b32d0f;background:#ffe7e3}.large{padding:12px 20px}.full{width:100%;margin-top:10px}.home-hero{background-color:#fbfcff;border-bottom:1px solid #d1d7dc;width:min(100%,1340px);height:400px;margin:0 auto;padding:0;position:relative;overflow:hidden}.home-hero-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.home-hero-content{max-width:520px;position:absolute;top:50%;left:60px;transform:translateY(-50%)}.home-hero-content:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff6b;border-radius:8px;position:absolute;inset:-28px -34px}.home-hero>div{max-width:520px}.home-hero h1,.course-hero h1,.dashboard-header h1{margin:0 0 14px;font-size:40px;line-height:1.15}.home-hero p,.dashboard-header p,.course-hero p{color:#6a6f73;line-height:1.7}.home-hero p{font-weight:700}.role-pill{color:#1435c3;background:#eef2ff;border-radius:999px;margin:0 0 14px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-block}.course-brand-pill{color:#fff;background:#1435c3}.content-shell,.dashboard-shell{max-width:1200px;margin:0 auto;padding:30px 20px 48px}.section-heading{margin-bottom:20px}.section-heading h2,.panel-card h2{margin:0 0 8px}.section-heading p{color:#6a6f73;margin:0}.course-grid{grid-template-columns:repeat(auto-fill,232px);justify-content:start;gap:24px;display:grid}.course-card,.panel-card,.stat-card,.empty-box{background:#fff;border:1px solid #d1d7dc;border-radius:8px;box-shadow:0 4px 14px #1435c314}.course-card{cursor:pointer;transition:box-shadow .16s,transform .16s,border-color .16s;overflow:hidden}.course-card:hover{border-color:#b8c0c8;transform:translateY(-2px);box-shadow:0 10px 24px #1435c321}.course-card img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;background:#f7f9fa;border-bottom:1px solid #d1d7dc;width:100%;height:auto;display:block}.course-card-body{flex-direction:column;align-items:flex-start;min-height:168px;padding:12px 12px 14px;display:flex}.course-card h3{color:#1c1d1f;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0 0 6px;font-size:16px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.course-instructor{color:#6a6f73;margin:0 0 9px;font-size:12px;font-weight:500;line-height:1.35;display:block}.hero-author{color:#c7d2fe}.course-card p{color:#6a6f73;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin:0 0 8px;font-size:13px;line-height:1.38;display:-webkit-box;overflow:hidden}.course-card strong,.price{color:#1435c3}.course-card strong{margin-top:auto;font-size:15px;font-weight:900;line-height:1.25}.home-course-section{position:relative}.home-course-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.home-course-header h2{color:#4b4f54;margin:0;font-size:28px;font-weight:700;line-height:1.2}.home-course-arrows{gap:8px;display:none}.home-course-arrows button,.home-course-side-arrow{color:#1c1d1f;background:#fff;border:1px solid #d1d7dc;border-radius:50%;width:40px;height:40px;font-size:18px;font-weight:700;line-height:1}.home-course-carousel{position:relative}.home-course-row{scroll-behavior:smooth;scrollbar-width:none;gap:16px;display:flex;overflow-x:hidden}.home-course-row::-webkit-scrollbar{display:none}.home-course-card{color:#1c1d1f;cursor:pointer;background:#fff;border:1px solid #1435c338;border-radius:18px;flex:0 0 240px;width:240px;transition:box-shadow .14s;overflow:hidden;box-shadow:0 1px 4px #1435c30f}.home-course-card:hover{border-color:#1435c357;box-shadow:0 4px 12px #1435c31f}.home-course-thumb{-o-object-fit:cover;object-fit:cover;background:#f0f4ff;border-radius:12px;width:calc(100% - 20px);height:135px;margin:10px 10px 0;display:block}.home-course-thumb-empty{justify-content:center;align-items:center;font-size:38px;display:flex}.home-course-card-body{padding:12px}.home-course-card h3{color:#1c1d1f;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.home-course-instructor,.home-course-meta{color:#6a6f73;font-size:12px;font-weight:400;line-height:1.3;display:block}.home-course-instructor{margin-bottom:6px}.home-course-meta{margin-bottom:8px}.home-course-price{color:#4b5563;text-shadow:0 1px 1px #1c1d1f0a;font-size:16px;font-weight:600;line-height:1.25;display:block}.home-course-side-arrow{z-index:2;position:absolute;top:68px}.home-course-side-arrow.left{left:-20px}.home-course-side-arrow.right{right:-20px}.empty-box{color:#6a6f73;padding:32px}.compact{text-align:center;max-width:420px}.centered-page{justify-content:center;align-items:center;display:flex}.dashboard-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card,.panel-card{margin-bottom:20px;padding:24px}.stat-card strong{color:#1435c3;font-size:32px;display:block}.stat-card span{color:#6a6f73;font-size:13px}.progress-bar{background:#e5e7eb;border-radius:999px;height:7px;margin:10px 0 6px;overflow:hidden}.progress-bar span{background:#1435c3;height:100%;display:block}.course-hero{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:stretch;gap:22px;margin-bottom:24px;display:grid}.course-hero>div{color:#fff;background:#1c1d1f;border-radius:8px;padding:34px}.course-hero p{color:#e5e7eb}.course-hero img{-o-object-fit:cover;object-fit:cover;border:1px solid #d1d7dc;border-radius:8px;width:100%;min-height:280px}.tag-row{flex-wrap:wrap;gap:10px;display:flex}.tag-row span{border:1px solid #4b5563;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700}.learning-grid,.purchase-grid,.studio-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.course-player-layout{background:#fff;border:1px solid #d1d7dc;border-radius:8px;grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;min-height:calc(100vh - 112px);display:grid;overflow:hidden;box-shadow:0 10px 28px #1c1d1f14}.course-player-main{background:#111116;flex-direction:column;min-width:0;display:flex}.youtube-player-shell{aspect-ratio:16/9;background:#000;width:100%}.youtube-player{background:#000;border:0;width:100%;height:100%;display:block}.course-player-details{background:#fff;border-right:1px solid #d1d7dc;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.course-player-details h2{color:#1c1d1f;margin:3px 0 0;font-size:24px;line-height:1.25}.player-eyebrow{color:#6a6f73;margin:0;font-size:13px;font-weight:800}.player-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.player-actions .outline-button{justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.complete-button{border-radius:4px;flex:none}.course-lesson-panel{background:#fff;border-left:1px solid #d1d7dc;flex-direction:column;min-height:0;display:flex}.lesson-panel-header{border-bottom:1px solid #eef0f2;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 18px 14px;display:flex}.lesson-panel-header h2,.lesson-panel-header p{margin:0}.lesson-panel-header h2{color:#1c1d1f;font-size:18px;line-height:1.2}.lesson-panel-header p{color:#6a6f73;margin-top:5px;font-size:13px;font-weight:700}.lesson-panel-header strong{color:#1435c3;font-size:16px}.lesson-progress-track{background:#e5e7eb;height:4px;overflow:hidden}.lesson-progress-track span{background:#137333;height:100%;transition:width .18s;display:block}.course-lesson-list{min-height:0;overflow-y:auto}.course-lesson-item{color:#1c1d1f;text-align:left;background:#fff;border:0;border-bottom:1px solid #eef0f2;grid-template-columns:24px minmax(0,1fr);align-items:flex-start;gap:12px;width:100%;min-height:74px;padding:14px 16px;display:grid}.course-lesson-item:hover{background:#f7f9fa}.course-lesson-item.active{background:#eef2ff;box-shadow:inset 4px 0 #1435c3}.lesson-status{color:#6a6f73;justify-content:center;align-items:center;padding-top:1px;display:inline-flex}.course-lesson-item.active .lesson-status{color:#1435c3}.lesson-status svg[data-lucide=check-circle-2]{color:#137333}.lesson-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.lesson-copy strong{color:#1c1d1f;font-size:14px;line-height:1.35}.lesson-copy small{color:#6a6f73;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.video-player,.empty-player{background:#000;border-radius:8px;width:100%;min-height:320px}.empty-player{color:#fff;justify-content:center;align-items:center;display:flex}.sticky-panel{position:sticky;top:80px}.lesson-button,.course-row{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;font-weight:700;display:flex}.lesson-button span,.lesson-row span,.locked-lesson span{color:#1435c3;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:inline-flex}.lesson-button.active,.course-row.active{color:#1435c3;background:#eef2ff;border-color:#1435c3}.locked-lesson,.lesson-row,.admin-row{border-top:1px solid #eef0f2;align-items:center;gap:12px;padding:12px 0;display:flex}.locked-lesson small{color:#6a6f73;margin-left:auto}.whatsapp-button{color:#fff;background:#25d366;border:0;border-radius:4px;width:100%;padding:14px;font-weight:900}.success-box,.notice-box,.error-box{border-radius:8px;margin-bottom:16px;padding:13px;font-weight:800}.success-box{color:#137333;background:#d1fadf}.notice-box{color:#1435c3;background:#eef2ff}.error-box{color:#b32d0f;background:#ffe7e3}.tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.tabs button,.admin-sidebar button{color:#1c1d1f;background:#fff;border:0;border-radius:6px;padding:10px 14px;font-weight:800}.tabs button.active,.admin-sidebar button.active{color:#fff;background:#1435c3}.form-panel label,.panel-card label{margin:14px 0 8px;font-size:13px;font-weight:900;display:block}.form-panel input,.form-panel textarea,.form-panel select,.panel-card input,.panel-card select{border:1px solid #d1d7dc;border-radius:4px;outline:0;width:100%;padding:12px}.course-row img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:74px;height:48px}.course-row span{flex-direction:column;gap:4px;display:flex}.course-row small{color:#6a6f73}.course-row-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.course-edit-button{color:#4b5563;background:#fff;border:1px solid #d1d7dc;border-radius:6px;flex:none;margin-left:auto;padding:8px 11px;font-size:13px;font-weight:600}.course-edit-button:hover{background:#f7f9fa}.lesson-list{margin-top:20px}.lesson-manager{border-top:1px solid #eef0f2;margin-top:18px;padding-top:18px}.lesson-source-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.lesson-source-tabs button{color:#1c1d1f;background:#fff;border:1px solid #d1d7dc;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.lesson-source-tabs button.active{color:#1435c3;background:#eef2ff;border-color:#1435c3}.managed-lesson-row{align-items:flex-start}.managed-lesson-row>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.managed-lesson-row strong{line-height:1.35}.managed-lesson-row small{color:#6a6f73;font-size:12px;font-weight:700}.lesson-row-actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.icon-link-button,.icon-danger-button{color:#1435c3;background:#fff;border:1px solid #d1d7dc;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-link-button:hover{background:#eef2ff}.icon-danger-button{color:#b32d0f}.icon-danger-button:hover{background:#ffe7e3}.admin-layout{grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 60px);display:grid}.admin-sidebar{color:#fff;background:#25272b;padding:24px 14px}.admin-sidebar h1{color:#f2f4f7;margin:0 0 20px;font-size:22px;font-weight:600}.admin-sidebar button{text-align:left;color:#d6d9de;background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:6px;font-weight:500;display:flex}.admin-sidebar button.active{color:#fff;background:#3b4047}.admin-sidebar button strong{color:#4b5563;text-align:center;background:#eef0f2;border-radius:999px;min-width:24px;padding:2px 7px;font-size:12px;font-weight:600}.admin-content{padding:28px}.admin-layout:not(.instructor-layout) .panel-card{box-shadow:0 6px 18px #1c1d1f0d}.admin-layout:not(.instructor-layout) .panel-card h2{color:#3f444a;font-size:22px;font-weight:600}.admin-layout:not(.instructor-layout) .panel-card label,.admin-layout:not(.instructor-layout) th{color:#5f6670;font-weight:600}.admin-layout:not(.instructor-layout) .admin-row,.admin-layout:not(.instructor-layout) td,.admin-layout:not(.instructor-layout) .muted,.admin-layout:not(.instructor-layout) small{color:#7a8087;font-weight:400}.admin-layout:not(.instructor-layout) .admin-row strong,.admin-layout:not(.instructor-layout) td:first-child,.admin-layout:not(.instructor-layout) td:nth-child(2){color:#373c42;font-weight:600}.admin-layout:not(.instructor-layout) .primary-button{color:#315fba;background:#e7f0ff;border-color:#a9c7f7;font-weight:600}.admin-layout:not(.instructor-layout) .primary-button:hover{background:#dce9ff}.admin-layout:not(.instructor-layout) .approve-button{color:#236b38;background:#dff5e6;border-color:#9fd7ad;font-weight:600}.admin-layout:not(.instructor-layout) .approve-button:hover{background:#d3efdc}.admin-layout:not(.instructor-layout) .danger-button{color:#b84a4a;background:#fff0f0;border-color:#f2b8b5;font-weight:600}.instructor-layout .dashboard-header{margin-bottom:20px}.instructor-layout .dashboard-header h1{color:#3f444a;font-size:32px;font-weight:600}.instructor-layout .dashboard-header p{color:#7a8087;font-weight:400}.instructor-layout .panel-card{box-shadow:0 6px 18px #1c1d1f0d}.instructor-layout .panel-card h2{color:#3f444a;font-size:22px;font-weight:600}.instructor-layout .form-panel label,.instructor-layout .panel-card label{color:#5f6670;font-weight:600}.instructor-layout .course-row strong,.instructor-layout .managed-lesson-row strong{color:#373c42;font-weight:600}.instructor-layout .course-row small,.instructor-layout .managed-lesson-row small,.instructor-layout .muted{color:#7a8087;font-weight:400}.instructor-layout .outline-button,.instructor-layout .lesson-source-tabs button{color:#5f6670;font-weight:500}.instructor-layout .lesson-source-tabs button:first-child{color:#b84a4a;background:#fff0f0;border-color:#f5b4b4}.instructor-layout .lesson-source-tabs button:first-child:hover{background:#ffe6e6}.instructor-layout .lesson-source-tabs button.active{color:#3f5fbf;font-weight:600}.instructor-layout .lesson-source-tabs button:first-child.active{color:#a83d3d;background:#ffe2e2;border-color:#ec8f8f}.instructor-layout .primary-button,.instructor-layout .dark-button{font-weight:600}.instructor-layout .primary-button{color:#315fba;background:#e7f0ff;border-color:#a9c7f7}.instructor-layout .primary-button:hover{background:#dce9ff}.instructor-layout .dark-button{color:#236b38;background:#dff5e6;border-color:#9fd7ad}.instructor-layout .dark-button:hover{background:#d3efdc}.edit-course-shell .panel-card{box-shadow:0 6px 18px #1c1d1f0d}.edit-course-shell h1,.edit-course-shell h2{color:#3f444a;font-weight:600}.edit-course-shell h1{font-size:28px}.edit-course-shell h2{font-size:22px}.edit-course-shell label{color:#5f6670;font-weight:600}.edit-course-shell .muted,.edit-course-shell .lesson-row{color:#7a8087;font-weight:400}.edit-course-shell .primary-button{color:#315fba;background:#e7f0ff;border-color:#a9c7f7;font-weight:600}.edit-course-shell .primary-button:hover{background:#dce9ff}.admin-row{justify-content:space-between}.admin-row>div:last-child{gap:8px;display:flex}.admin-row-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;padding:0}.admin-row-main:hover strong{color:#315fba}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}.user-detail-table{margin-top:18px}th,td{text-align:left;border-bottom:1px solid #eef0f2;padding:12px;font-size:14px}th{color:#6a6f73}.auth-page{background:#f5f7fb}.auth-page-soft{background:linear-gradient(#fbfcff 0%,#f3f6fb 100%)}.auth-shell{justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:48px 20px;display:flex}.auth-card-clean{background:#fffefe;border:1px solid #dbe1ea;border-radius:14px;width:min(100%,430px);padding:32px;box-shadow:0 18px 54px #1435c314}.auth-card-clean h1{margin:0 0 8px;font-size:30px}.auth-kicker{color:#1435c3;margin:0 0 8px;font-size:13px;font-weight:900}.auth-subtitle{color:#6a6f73;margin:0 0 22px;line-height:1.6}.auth-card-clean label{margin:14px 0 8px;font-size:13px;font-weight:900;display:block}.auth-card-clean input{background:#fbfcff;border:1px solid #d1d7dc;border-radius:8px;outline:none;width:100%;padding:12px 13px}.auth-card-clean input:focus{border-color:#1435c3;box-shadow:0 0 0 3px #1435c317}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:44px}.password-eye-button{color:#6a6f73;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-eye-button:hover{color:#1435c3;background:#eef0f2}.text-button,.auth-footer button{color:#1435c3;background:0 0;border:0;padding:0;font-weight:900}.text-button{margin:14px auto 0;display:block}.auth-footer{color:#6a6f73;text-align:center;margin:20px 0 0}.role-choice-clean{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role-choice-clean button{background:#fbfcff;border:1px solid #d1d7dc;border-radius:8px;padding:12px;font-weight:900}.role-choice-clean button.active{color:#1435c3;background:#eef2ff;border-color:#1435c3}.auth-stage{animation:.26s both authStageIn}.auth-card{background:#fff;box-shadow:0 18px 50px #0f172a12;border:1px solid #d1d7dc!important}.auth-input:focus{box-shadow:0 0 0 3px #1435c314;border-color:#1435c3!important}@keyframes authStageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.top-nav{flex-wrap:wrap;gap:8px;padding:10px 14px}.nav-search{flex-basis:100%;order:3;max-width:none}.nav-wide-link{display:none}.nav-text-button{min-height:34px;padding-inline:4px}.nav-panel-button{padding:8px 10px;font-size:13px}.home-hero h1,.course-hero h1,.dashboard-header h1{font-size:30px}.home-hero{height:300px}.home-hero-content{max-width:none;left:20px;right:20px}.home-hero-content:before{inset:-18px -16px}.home-course-arrows{display:flex}.home-course-side-arrow{display:none}.dashboard-header,.course-hero,.learning-grid,.course-player-layout,.purchase-grid,.studio-grid,.admin-layout{grid-template-columns:1fr}.course-player-layout{min-height:auto}.course-player-details{border-right:0;flex-direction:column;align-items:stretch}.course-player-details h2{font-size:20px}.course-lesson-panel{border-top:1px solid #d1d7dc;border-left:0;max-height:420px}.dashboard-header{display:block}}