@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root {font-family:'DM Sans','Segoe UI',sans-serif;color:#1a2035;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
* {box-sizing:border-box} body {margin:0;min-width:320px} button,input,select,textarea{font:inherit}button{cursor:pointer} a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #ac9dff;outline-offset:2px}button:disabled{opacity:.58;cursor:not-allowed} .icon{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Plus Jakarta Sans','Segoe UI',sans-serif;letter-spacing:-.04em} .muted{color:#8990a3}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7664ec} .small-muted{font-size:12px;color:#9a9fb0}.link-button{display:inline-flex;align-items:center;gap:7px;color:#6e5bdd;background:none;border:0;padding:4px 0;font-size:13px;font-weight:800}.link-button .icon{width:15px;height:15px} .btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:13px 21px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:13px;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#6b58e8;color:white;box-shadow:0 9px 22px #6b58e830}.btn.primary:hover{background:#5b46dc}.btn.dark{background:#1b2140;color:white}.btn.ghost{background:#fff;border:1px solid #e8e9f2;color:#43475a}.btn.soft{background:#eeeaff;color:#6857d9}.btn.small{padding:10px 15px;border-radius:10px;font-size:12px}.btn .icon{width:17px;height:17px}.full{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;font-size:11px;padding:6px 10px;background:#f1efff;color:#6d59d7;font-weight:800}.pill .icon{width:13px;height:13px}.divider{height:1px;background:#edf0f4;margin:23px 0}
/* AUTH */
.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.05fr) minmax(500px,1fr);background:#fff}.auth-aside{min-height:100vh;position:relative;overflow:hidden;padding:48px clamp(36px,5vw,90px);background:radial-gradient(ellipse 700px 490px at 90% 28%,#6353bc 0%,transparent 73%),linear-gradient(145deg,#151831,#2b2760 58%,#272053);color:white;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#745ff5;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:900;font-size:22px;position:relative}.brand-mark:after{content:'';width:8px;height:8px;border-radius:50%;background:#a8f1d5;position:absolute;right:6px;top:6px}.auth-aside .brand-mark{background:white;color:#6e5bda}.auth-aside .brand-mark:after{background:#7be5c4}.auth-masthead{max-width:540px;margin:auto 0 0;position:relative;z-index:2;padding-bottom:34px}.auth-masthead .eyebrow{color:#b5a8ff}.auth-masthead h1{font-size:clamp(38px,4.2vw,65px);line-height:1.15;font-weight:800;margin:16px 0 19px}.auth-masthead h1 em{font-style:normal;color:#a99bff}.auth-masthead p{color:#d3cfea;font-size:16px;line-height:1.8;max-width:430px}.auth-foot{margin-top:35px;display:flex;gap:30px;font-size:12px;color:#aaa7ce;position:relative;z-index:3}.auth-foot span{display:flex;gap:7px;align-items:center}.auth-foot .icon{width:15px;height:15px;color:#9cf2d1}.auth-art{position:absolute;width:540px;height:350px;left:7%;top:18%;transform:rotate(-7deg);filter:drop-shadow(0 22px 50px #080b2f55)}.art-glow{position:absolute;inset:15px 10px;border-radius:60px;background:#8275ff35;filter:blur(70px)}.art-board{position:absolute;width:455px;height:260px;left:35px;top:55px;background:#f6f7fe;border:8px solid #e6e5f5;border-radius:24px;box-shadow:0 40px 90px #0005;overflow:hidden}.art-nav{height:42px;background:#fff;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #edebf6}.art-nav span{width:8px;height:8px;border-radius:50%;background:#e5e4f0}.art-nav span:first-child{background:#ab9eff}.art-main{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:17px}.art-side{background:#e8e6f8;border-radius:9px;height:160px}.art-content{display:flex;flex-direction:column;gap:10px}.art-banner{border-radius:10px;background:linear-gradient(115deg,#7765e7,#362b82);height:73px;display:flex;justify-content:space-between;align-items:center;padding:15px;color:#fff}.art-banner span{height:8px;width:104px;background:#ffffffa8;border-radius:6px;box-shadow:0 15px #ffffff40}.art-banner .icon{width:36px;height:36px;opacity:.8}.art-tiles{display:flex;gap:10px}.art-tiles span{height:62px;background:#e7e9f3;border-radius:9px;flex:1}.art-tiles span:nth-child(2){background:#ede9ff}.art-floating{position:absolute;right:5px;top:10px;background:white;border-radius:16px;padding:15px 17px;color:#222342;box-shadow:0 18px 40px #05062440;transform:rotate(12deg)}.art-floating .icon{color:#6c58e6}.art-floating strong{display:block;font-size:12px;margin-top:7px}.art-floating span{display:block;color:#9ea3b1;font-size:10px;margin-top:3px}.art-bubble{position:absolute;bottom:1px;right:0;width:70px;height:70px;border-radius:20px;background:#adf0d6;color:#2e685b;display:grid;place-items:center;transform:rotate(12deg);box-shadow:0 18px 40px #08073155}.art-bubble .icon{width:32px;height:32px}.auth-form-side{display:grid;place-items:center;position:relative;padding:55px 44px}.auth-topline{position:absolute;right:48px;top:42px;font-size:12px;color:#9899a6;font-weight:600}.auth-topline b{color:#6e5bdd}.auth-form-wrap{width:min(420px,100%);margin-top:22px}.auth-form-wrap h2{font-size:36px;line-height:1.2;margin:9px 0 12px}.auth-form-wrap .subtitle{color:#9298a7;font-size:14px;line-height:1.8;margin-bottom:33px}.secure-kicker{display:flex;align-items:center;gap:8px;font-weight:800;font-size:12px;color:#6a57d6}.secure-kicker .icon{width:16px;height:16px}.field{margin-bottom:17px}.field label{display:block;color:#363c51;font-size:12px;font-weight:800;margin-bottom:9px}.input-wrap{display:flex;align-items:center;position:relative;background:#fafbff;border:1px solid #e8eaf2;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#8b7afe;box-shadow:0 0 0 4px #8879fd15}.input-wrap> .icon{margin:0 15px;color:#a4a9b9;width:18px;height:18px}.input-wrap input{width:100%;border:0;outline:0;background:transparent;padding:14px 12px 14px 0;font-size:13px;color:#23283d;min-width:0}.pass-toggle{border:0;background:none;color:#9b9dad;padding:0 13px;display:grid;place-items:center}.pass-toggle .icon{width:17px;height:17px}.key-drop{display:flex;align-items:center;gap:14px;width:100%;padding:15px;border:1.5px dashed #cbc6eb;border-radius:12px;background:#faf9ff;text-align:left;color:#2d304b;transition:.2s}.key-drop:hover{border-color:#725ee9;background:#f4f1ff}.key-drop.loaded{background:#edfbf6;border-color:#8cdec2}.key-drop .key-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#eeebff;color:#7765e8;border-radius:10px}.key-drop.loaded .key-icon{background:#d8f6e9;color:#239575}.key-drop .key-icon .icon{width:20px;height:20px}.key-text{flex:1;min-width:0}.key-text strong{display:block;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-text small{display:block;font-size:11px;color:#9b9eb0;margin-top:4px}.key-drop>.icon{color:#a7a5b6;width:17px}.auth-submit{width:100%;margin-top:12px;padding:16px;font-size:13px}.security-note{display:flex;gap:10px;padding:15px;background:#f5f8f9;border:1px solid #edf0f2;border-radius:11px;margin-top:26px;color:#8e96a3;font-size:11px;line-height:1.7}.security-note .icon{color:#54ad8f;width:17px;height:17px}.auth-copy{position:absolute;bottom:28px;color:#b5b9c2;font-size:11px}
/* APP SHELL */
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:#fff;border-right:1px solid #eceef4;z-index:20;display:flex;flex-direction:column;padding:30px 17px 22px;transition:transform .2s}.sidebar .brand{padding:0 16px 36px;font-size:19px}.sidebar-label{font-size:10px;font-weight:800;color:#b2b6c4;letter-spacing:.15em;padding:0 16px;margin:15px 0 11px}.nav-stack{display:grid;gap:5px}.nav-item{border:0;display:flex;gap:14px;align-items:center;width:100%;padding:12px 14px;border-radius:11px;color:#878d9c;font-size:13px;font-weight:700;text-align:left;background:transparent}.nav-item:hover{background:#f7f6ff;color:#6856df}.nav-item.active{color:#6955e4;background:#f0edff;font-weight:800}.nav-item .icon{height:18px;width:18px}.sidebar-bottom{margin-top:auto}.sidebar-profile{border-top:1px solid #edf0f3;padding:18px 8px 0;display:flex;align-items:center;gap:9px}.avatar{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#ded9ff;color:#705cdf;font-weight:800;font-size:14px}.profile-info{min-width:0;flex:1}.profile-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info small{color:#a0a6b2;font-size:10px}.profile-action{padding:5px;border:0;background:none;color:#a4a9b6}.profile-action .icon{width:18px;height:18px}.main-area{margin-left:256px;width:calc(100% - 256px);min-width:0}.topbar{height:88px;background:#fff;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,4vw,68px);gap:20px}.topbar-left{display:flex;align-items:center;gap:20px}.breadcrumb{font-weight:800;font-size:13px;color:#2d3448;white-space:nowrap}.topbar-right{display:flex;gap:18px;align-items:center}.search-wrap{height:40px;min-width:270px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid #e9edf3;background:#f8f9fc;border-radius:10px;color:#abb0bc}.search-wrap .icon{width:17px;height:17px}.search-wrap input{border:0;outline:0;background:none;color:#343849;font-size:12px;width:100%}.search-wrap input::placeholder{color:#a5abb8}.top-avatar{width:36px;height:36px;display:grid;place-items:center;background:#f0edff;border-radius:50%;font-size:12px;color:#7160e4;font-weight:800}.content{max-width:1490px;margin:auto;padding:38px clamp(27px,4vw,68px) 70px}.content h1.page-heading{font-size:29px;margin:5px 0 9px}.subtitle-line{font-size:13px;color:#9196a7;line-height:1.7}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px}.section-header h2{font-size:20px;margin:0 0 4px}.section-header p{margin:0;color:#9da3b0;font-size:12px}.intro{margin-bottom:27px}.intro h1{font-size:29px;margin:4px 0 8px}.intro p{color:#969cac;font-size:13px;margin:0}.mobile-menu,.sidebar-backdrop{display:none}
/* DASHBOARD */
.hero{min-height:255px;border-radius:21px;position:relative;overflow:hidden;background:linear-gradient(107deg,#32265f 0%,#5540b2 55%,#7865eb 100%);color:#fff;padding:39px 42px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 19px 35px #5642ac18}.hero:before{content:'';position:absolute;inset:-160px -150px auto auto;width:470px;height:470px;border-radius:50%;border:1px solid #ffffff28;box-shadow:0 0 0 45px #ffffff08,0 0 0 100px #ffffff08,0 0 0 160px #ffffff06}.hero-copy{position:relative;z-index:2;max-width:490px}.hero .eyebrow{color:#cabfff}.hero h2{font-size:32px;line-height:1.23;margin:12px 0 13px}.hero p{font-size:12px;color:#d6cefd;line-height:1.8;max-width:410px;margin-bottom:23px}.hero .btn{background:#fff;color:#6551d7}.hero-art{position:absolute;right:55px;top:20px;width:320px;height:235px}.hero-orbit{position:absolute;inset:7px 24px;border:1px solid #ffffff44;border-radius:50%;transform:rotate(-20deg)}.hero-orbit:before{content:'';position:absolute;inset:25px;border:1px dashed #ffffff35;border-radius:50%}.hero-laptop{position:absolute;left:50px;top:50px;width:215px;height:140px;background:#292b6b;border:7px solid #aea2f4;border-radius:13px;transform:rotate(-8deg);box-shadow:0 22px 38px #0a073c55}.hero-laptop:after{content:'';position:absolute;left:-15px;right:-15px;bottom:-16px;height:11px;background:#c3b9fb;border-radius:3px 3px 14px 14px}.hero-screen{height:100%;background:linear-gradient(145deg,#4942a0,#8c76f3);border-radius:4px;padding:16px}.hero-line{height:7px;background:#ffffff77;border-radius:4px;margin-bottom:9px;width:55%}.hero-line:nth-child(2){width:77%;background:#ffffff33}.hero-line:nth-child(3){width:45%;background:#ffffff33}.hero-play{width:40px;height:40px;border-radius:50%;background:#ffffffd7;color:#705ce3;display:grid;place-items:center;position:absolute;left:88px;top:43px}.hero-tag{position:absolute;right:0;bottom:29px;padding:12px 14px;border-radius:13px;background:#fff;color:#292a4a;box-shadow:0 13px 28px #25205c44;transform:rotate(8deg);display:flex;align-items:center;gap:9px}.hero-tag .icon{color:#6f5be2}.hero-tag strong{display:block;font-size:11px}.hero-tag small{font-size:9px;color:#9297a5}.hero-spark{position:absolute;right:16px;top:6px;background:#aff5dd;color:#346d5b;width:56px;height:56px;border-radius:17px;display:grid;place-items:center;transform:rotate(10deg)}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:23px 0 39px}.stat-card{display:flex;align-items:center;gap:15px;padding:20px 22px;border:1px solid #eaecf3;background:#fff;border-radius:15px}.stat-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#f0edff;color:#715de0}.stat-icon.mint{background:#e7faf1;color:#38ae84}.stat-icon.peach{background:#fff1e7;color:#ef9961}.stat-card strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;line-height:1.2}.stat-card p{color:#9aa1b1;font-size:11px;margin:5px 0 0}.stat-icon .icon{width:21px;height:21px}.continue-card{display:flex;align-items:center;gap:18px;padding:14px;background:#fff;border:1px solid #ebedf5;border-radius:16px;margin-bottom:37px}.continue-mini{height:85px;width:142px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;overflow:hidden}.continue-mini .icon{height:46px;width:46px;color:#fff}.continue-content{flex:1;min-width:0}.continue-content .eyebrow{font-size:9px;margin-bottom:6px}.continue-content h3{font-size:15px;margin:0 0 7px}.continue-content p{font-size:11px;color:#9298a9;margin:0 0 12px}.continue-content progress{width:100%;max-width:320px}.continue-action{padding:0 12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.filter{border:1px solid #eceef4;background:#fff;color:#8b92a0;padding:9px 15px;border-radius:10px;font-weight:700;font-size:11px}.filter:hover,.filter.active{background:#6b58e9;border-color:#6b58e9;color:white}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.course-card{min-width:0;background:#fff;border:1px solid #e9ecf3;border-radius:17px;overflow:hidden;transition:box-shadow .2s,transform .2s;cursor:pointer;text-align:left;padding:0;color:inherit;width:100%}.course-card:hover{transform:translateY(-3px);box-shadow:0 16px 33px #30335012}.course-cover{height:162px;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff}.course-cover .cover-logo{position:relative;z-index:2;width:65px;height:65px;border-radius:20px;background:#ffffff27;backdrop-filter:blur(4px);border:1px solid #ffffff60;display:grid;place-items:center;transform:rotate(-6deg);box-shadow:0 15px 30px #1c165b33}.course-cover .cover-logo .icon{width:35px;height:35px;stroke-width:1.6}.course-cover:before{content:'';position:absolute;right:-25px;top:-100px;width:240px;height:240px;border:1px solid #ffffff33;border-radius:50%;box-shadow:0 0 0 36px #ffffff10,0 0 0 75px #ffffff09}.course-cover:after{content:'';position:absolute;left:-35px;bottom:-145px;width:250px;height:250px;border:1px dashed #ffffff33;border-radius:50%}.theme-aws{background:linear-gradient(125deg,#ed8b45,#f9bb64)}.theme-network{background:linear-gradient(125deg,#3982f4,#75b4f5)}.theme-linux{background:linear-gradient(125deg,#383b63,#777aa6)}.theme-security{background:linear-gradient(125deg,#26a893,#86d8bb)}.course-top-tag{position:absolute;top:14px;left:15px;z-index:3;background:#ffffffdb;padding:6px 9px;border-radius:6px;color:#43475a;font-size:9px;font-weight:800}.course-card-body{padding:20px 20px 18px}.course-category{font-size:10px;color:#7161dd;font-weight:800;margin-bottom:11px}.course-card h3{font-size:16px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card .summary{color:#969dae;font-size:11px;line-height:1.7;height:39px;overflow:hidden;margin:0 0 17px}.course-meta{border-top:1px solid #f0f1f5;padding-top:14px;display:flex;gap:14px;align-items:center;color:#9097a5;font-size:10px}.course-meta span{display:flex;align-items:center;gap:5px}.course-meta .icon{width:14px;height:14px}.course-meta .end-icon{margin-left:auto;color:#6855dc}.empty-state{grid-column:1/-1;text-align:center;padding:60px 15px;color:#a0a5b2;background:#fff;border:1px dashed #e6e9f2;border-radius:15px}.empty-state .icon{width:40px;height:40px;color:#9b8ef0;margin-bottom:10px}.empty-state h3{color:#34384b}
/* COURSE DETAIL */
.back-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#8a90a1;font-weight:800;font-size:12px;padding:0 0 22px}.back-link .icon{width:15px;height:15px}.detail-cover{min-height:250px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:34px 40px;color:white}.detail-cover:after{content:'';position:absolute;right:-95px;top:-95px;width:350px;height:350px;border:1px solid #ffffff55;border-radius:50%;box-shadow:0 0 0 46px #ffffff13,0 0 0 92px #ffffff10,0 0 0 155px #ffffff09}.detail-copy{position:relative;z-index:2;max-width:620px}.detail-copy .eyebrow{color:#ffffffdb}.detail-copy h1{font-size:32px;margin:12px 0}.detail-copy p{color:#fffdfde8;font-size:13px;line-height:1.7;max-width:550px}.detail-symbol{position:relative;z-index:2;width:136px;height:136px;border-radius:34px;background:#ffffff30;display:grid;place-items:center;transform:rotate(-12deg);border:1px solid #ffffff6b;box-shadow:0 20px 38px #0002}.detail-symbol .icon{width:78px;height:78px}.detail-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.detail-badges span{display:flex;gap:6px;align-items:center;font-size:11px;color:#fff}.detail-badges .icon{width:15px;height:15px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:23px;margin-top:27px}.detail-main,.detail-aside{min-width:0}.white-panel{border-radius:17px;border:1px solid #ebeef3;background:white;padding:25px}.white-panel h2{font-size:19px;margin:0 0 12px}.white-panel p{color:#929aab;font-size:12px;line-height:1.9;margin:0}.curriculum-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 15px}.curriculum-title h2{font-size:20px;margin:0}.curriculum-title span{font-size:11px;color:#9ba2af}.section-accordion{border:1px solid #e9ecf2;background:white;border-radius:13px;margin-bottom:11px;overflow:hidden}.section-button{display:flex;align-items:center;gap:13px;width:100%;padding:18px 19px;border:0;background:#fff;text-align:left}.section-no{width:37px;height:37px;display:grid;place-items:center;background:#f1eeff;color:#715edf;border-radius:10px;font-weight:800;font-size:11px}.section-title-text{flex:1}.section-title-text strong{display:block;font-size:13px;color:#2d3046}.section-title-text small{display:block;color:#a2a7b4;font-size:10px;margin-top:6px}.section-button>.icon{color:#989eab;width:16px;transition:transform .15s}.section-accordion.open .section-button>.icon{transform:rotate(180deg)}.lesson-list{border-top:1px solid #eef0f4;padding:6px 11px 11px}.lesson-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 10px;border-radius:10px;border:0;background:transparent;text-align:left}.lesson-item:hover{background:#f7f6ff}.lesson-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e8eaf2;border-radius:9px;color:#7a69dd}.lesson-icon .icon{width:15px;height:15px}.lesson-icon.done{background:#e5f8ef;border-color:#d9f3e6;color:#39a879}.lesson-item-text{flex:1;min-width:0}.lesson-item-text strong{display:block;color:#33374e;font-size:11px;margin-bottom:5px}.lesson-item-text small{display:block;color:#9fa6b3;font-size:10px}.lesson-item>.icon{width:15px;height:15px;color:#a1a7b5}.detail-aside .white-panel{position:sticky;top:24px}.course-status-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-status-banner strong{font-size:12px}.course-status-banner span{font-weight:800;color:#6b59dc;font-size:13px}progress{appearance:none;border:0;height:7px;border-radius:9px;overflow:hidden;background:#eaeaf5}progress::-webkit-progress-bar{background:#eaeaf5;border-radius:9px}progress::-webkit-progress-value{background:#7964ed;border-radius:9px}progress::-moz-progress-bar{background:#7964ed;border-radius:9px}.detail-aside progress{width:100%;margin-bottom:14px}.side-fact{display:flex;gap:10px;align-items:center;color:#8c94a5;font-size:11px;margin-top:17px}.side-fact .icon{width:16px;height:16px;color:#7e6cde}
/* LESSON PLAYER */
.lesson-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.lesson-head .back-link{padding:0}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.video-player{background:#12152a;border-radius:17px;aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;position:relative;isolation:isolate}.video-player video{display:block;height:100%;width:100%;object-fit:contain;background:#080a13}.video-player.no-video{background:radial-gradient(circle at 70% 20%,#5c4ea65c,transparent 35%),linear-gradient(145deg,#191b3e,#10162c)}.video-player.no-video:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #ffffff10;border-radius:50%;right:-90px;top:-130px;box-shadow:0 0 0 38px #ffffff05,0 0 0 90px #ffffff04}.video-placeholder{position:relative;text-align:center;padding:20px;max-width:420px;z-index:2}.video-placeholder .placeholder-play{height:74px;width:74px;margin:0 auto 18px;border:1px solid #ffffff40;border-radius:24px;background:#ffffff18;display:grid;place-items:center;color:#a89bf4}.placeholder-play .icon{height:34px;width:34px}.video-placeholder strong{display:block;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;margin-bottom:11px}.video-placeholder p{color:#a6abc6;font-size:12px;line-height:1.8;margin:0}.video-watermark{position:absolute;left:23px;top:22px;color:#ffffffba;font-size:12px;font-weight:800;letter-spacing:-.03em}.lesson-details{margin-top:22px}.lesson-details .eyebrow{font-size:10px}.lesson-details h1{font-size:24px;margin:9px 0 12px}.lesson-details>p{font-size:12px;line-height:1.8;color:#9098a7;max-width:710px}.lesson-toolbar{margin-top:23px;padding:18px 0;border-top:1px solid #e7eaf2;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.lesson-toolbar small{font-size:11px;color:#9da3ae}.lesson-side{background:#fff;border:1px solid #e8ebf3;border-radius:16px;overflow:hidden;height:fit-content}.lesson-side-heading{padding:21px 20px 18px;border-bottom:1px solid #edf0f5}.lesson-side-heading h3{font-size:16px;margin:0 0 7px}.lesson-side-heading p{font-size:10px;color:#a1a8b5;margin:0}.lesson-section-title{font-size:10px;color:#7c8293;background:#fafbfe;padding:12px 18px;font-weight:800;letter-spacing:.03em}.lesson-side-row{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;border:0;border-top:1px solid #f1f2f6;background:#fff;text-align:left}.lesson-side-row:hover{background:#faf9ff}.lesson-side-row.active{background:#f3f0ff}.lesson-side-row .lesson-icon{height:28px;width:28px;flex-shrink:0}.lesson-side-row strong{display:block;font-size:10px;color:#43465b;line-height:1.4;margin-bottom:5px}.lesson-side-row small{color:#a3a9b4;font-size:9px}
/* ADMIN */
.admin-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:26px}.admin-intro h1{font-size:29px;margin:8px 0}.admin-intro p{color:#949ba9;font-size:12px;line-height:1.7;margin:0}.admin-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.admin-stat{padding:20px;background:#fff;border:1px solid #e8ebf2;border-radius:13px;display:flex;align-items:center;gap:13px}.admin-stat .stat-icon{height:40px;width:40px}.admin-stat strong{font-size:20px;font-family:'Plus Jakarta Sans',sans-serif}.admin-stat span{font-size:11px;color:#a1a7b4;display:block;margin-top:3px}.admin-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:20px}.admin-panel{background:#fff;border:1px solid #e8ebf2;border-radius:17px;padding:26px}.admin-panel h2{font-size:18px;margin:0 0 8px}.admin-panel .helper{font-size:11px;line-height:1.7;color:#a1a7b5;margin-bottom:20px}.tab-buttons{display:flex;gap:7px;background:#f6f7fb;padding:5px;border-radius:12px;margin-bottom:22px}.tab-buttons button{border:0;border-radius:9px;padding:10px;font-size:11px;flex:1;font-weight:800;background:transparent;color:#969cac}.tab-buttons button.active{background:#fff;color:#6e5be0;box-shadow:0 3px 12px #1111110a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.form-grid label{font-size:11px;font-weight:800;color:#54596b;display:block;margin-bottom:8px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #e7eaf2;background:#fafbfe;border-radius:10px;padding:12px 12px;color:#343849;font-size:12px;outline:0}.form-grid textarea{resize:vertical;min-height:78px}.form-grid select{min-width:0}.form-grid button[type=submit]{grid-column:1/-1;margin-top:6px}.admin-course{border:1px solid #edf0f5;border-radius:11px;margin:12px 0;padding:14px}.admin-course-top{display:flex;align-items:center;gap:10px}.mini-cover{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:#fff}.mini-cover .icon{width:19px}.admin-course-top strong{font-size:11px;display:block}.admin-course-top small{font-size:10px;color:#a2a8b5}.admin-course .bar{height:5px;border-radius:10px;background:#f0edff;margin-top:13px;overflow:hidden}.admin-course .bar span{display:block;background:#7460e7;height:100%}.admin-help{padding:16px;border-radius:11px;background:#f5f3ff;margin-top:18px}.admin-help p{font-size:11px;color:#7771a3;line-height:1.7;margin:5px 0 0}.admin-help strong{font-size:11px;color:#554a97}
/* PROFILE + UTIL */
.settings-panel{max-width:660px}.settings-user{display:flex;gap:16px;align-items:center}.settings-user .avatar{width:64px;height:64px;font-size:25px;border-radius:16px}.settings-user h2{font-size:21px;margin:0 0 5px}.settings-user p{font-size:12px;color:#a0a5b2;margin:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;font-size:12px;color:#7d8495}.settings-row strong{color:#33394c}.toast{position:fixed;right:25px;bottom:25px;z-index:100;border-radius:12px;padding:14px 19px;box-shadow:0 18px 40px #17172a24;background:#242845;color:white;font-size:12px;font-weight:700;max-width:370px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#ad465d}.loading-splash{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:17px;color:#7f88a4;font-size:13px}.loader-mark{display:grid;place-items:center;width:55px;height:55px;background:#6c59e8;border-radius:16px;color:white;font-size:32px;font-weight:800}.desktop-only{display:inline}.mobile-only{display:none}
@media(max-width:1200px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:-6px;transform:scale(.83)}.detail-layout{grid-template-columns:minmax(0,1fr) 250px}.lesson-layout{grid-template-columns:minmax(0,1fr) 290px}.topbar{padding:0 28px}.content{padding:32px 29px 65px}.auth-art{transform:scale(.85) rotate(-7deg);left:-6%}}
@media(max-width:960px){.auth-screen{grid-template-columns:1fr}.auth-aside{display:none}.auth-form-side{min-height:100vh}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:#1d194b65;z-index:19}.main-area{margin-left:0;width:100%}.mobile-menu{display:grid;place-items:center;border:0;background:none;color:#474762;padding:3px}.topbar{height:72px}.lesson-layout,.detail-layout{grid-template-columns:1fr}.detail-aside .white-panel{position:static}.lesson-side{max-height:420px;overflow-y:auto}.hero-art{right:12px;transform:scale(.72)}.hero-copy{max-width:450px}}
@media(max-width:650px){.content{padding:25px 18px 65px}.topbar{padding:0 18px}.topbar-right{gap:10px}.topbar .search-wrap{min-width:0;width:40px;padding:0 10px}.topbar .search-wrap:focus-within{width:170px}.search-wrap input{min-width:0}.search-wrap:not(:focus-within) input{width:0}.hero{padding:32px 25px;min-height:285px}.hero h2{font-size:26px;max-width:360px}.hero-copy{z-index:5}.hero p{max-width:290px}.hero-art{opacity:.24;right:-95px;transform:scale(.75)}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat-card{display:block;text-align:center;padding:14px 6px}.stat-icon{margin:0 auto 8px;width:34px;height:34px}.stat-icon .icon{width:18px;height:18px}.stat-card strong{font-size:20px}.stat-card p{font-size:9px}.course-grid{grid-template-columns:1fr}.course-cover{height:175px}.section-header h2{font-size:18px}.continue-mini{width:82px;height:82px}.continue-mini .icon{width:35px}.continue-card{gap:11px}.continue-content h3{font-size:13px}.continue-action .btn{padding:11px}.continue-action .btn span{display:none}.detail-cover{padding:29px 25px;min-height:260px}.detail-copy h1{font-size:27px}.detail-symbol{position:absolute;right:-20px;top:19px;opacity:.27}.detail-layout{margin-top:16px}.white-panel{padding:21px}.lesson-details h1{font-size:20px}.admin-layout,.admin-overview{grid-template-columns:1fr}.admin-intro{display:block}.form-grid{grid-template-columns:1fr}.form-grid .wide,.form-grid button[type=submit]{grid-column:auto}.auth-form-side{padding:50px 26px}.auth-topline{top:27px;right:25px}.auth-form-wrap{margin-top:12px}.auth-form-wrap h2{font-size:31px}.auth-copy{position:static;margin-top:32px}.filter{padding:9px 11px}.top-avatar{height:33px;width:33px}.desktop-only{display:none}.mobile-only{display:inline}}

.brand-dot{color:#826eeb}.note-strong{color:#566578}.pad-12{padding:12px}.mt-24{margin-top:24px}.course-card progress{width:100%}.admin-course .bar progress{width:100%;height:5px;display:block}
/* LEARNSTACK V1.2 — USER ACCESS MANAGEMENT */
.users-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:20px;align-items:start}.panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:21px}.panel-heading h2{margin:0 0 4px}.panel-heading .helper{margin:0}.member-form textarea,#rotate-key-form textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.65}.key-helper{font-size:11px;color:#808a9c;line-height:1.65;margin-top:8px}.key-generator{display:flex;align-items:center;justify-content:space-between;gap:13px;background:#f5f3ff;border:1px solid #e5e1fa;border-radius:12px;padding:14px}.key-generator strong{display:flex;align-items:center;gap:6px;color:#5d4baa;font-size:11px}.key-generator strong svg{height:15px;width:15px}.key-generator p{color:#777b91;font-size:10px;line-height:1.65;margin:6px 0 0}.key-generator button{flex-shrink:0}.member-list{display:grid;gap:7px;max-height:320px;overflow:auto}.member-row{display:flex;align-items:center;gap:11px;text-align:left;padding:12px;width:100%;border:1px solid #e9ebf4;border-radius:12px;background:white}.member-row:hover,.member-row.selected{background:#f7f5ff;border-color:#cbc1f6}.member-avatar{flex:0 0 35px;height:35px;background:#ede9ff;border-radius:11px;color:#705ee0;display:grid;place-items:center;font-weight:800;font-size:12px}.member-row-main{flex:1;min-width:0}.member-row-main strong{display:block;font-size:12px;color:#444659}.member-row-main small{display:block;margin-top:3px;color:#959aab;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row>.icon{width:15px;height:15px;color:#9da0b5}.member-state{display:inline-flex;align-items:center;font-size:10px;font-weight:800;border-radius:25px;padding:6px 9px;white-space:nowrap}.member-state.is-active{background:#e6f8f0;color:#26875f}.member-state.is-disabled{background:#fff0f0;color:#bb5162}.member-details{border-top:1px solid #e9ebf4;margin-top:20px;padding-top:22px}.member-details-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-details-head h3{margin:6px 0 0;font-size:18px}.member-fingerprint{background:#f8f9fc;border:1px solid #eceef4;border-radius:10px;padding:13px;margin:16px 0}.member-fingerprint span{font-size:10px;font-weight:700;color:#989db0;display:block;margin-bottom:7px}.member-fingerprint code{font-size:10px;color:#505971;line-height:1.6;overflow-wrap:anywhere}.member-role-row{display:flex;align-items:end;justify-content:space-between;gap:10px}.member-role-row>div{flex:1}.member-role-row label{display:block;font-weight:700;font-size:11px;color:#53586e;margin-bottom:7px}.member-role-row select{width:100%;border:1px solid #e3e7f1;background:#fafbfe;padding:11px;border-radius:10px;font-size:12px}.member-actions{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.member-actions .btn{display:flex;align-items:center;gap:6px}.btn.warn-soft{color:#a04658;background:#fff0f2}.btn.warn-soft:hover{background:#ffe1e6}.btn:disabled{opacity:.5;cursor:not-allowed}.member-rotate{border-top:1px solid #eaeaf3;padding-top:17px;margin-top:22px}.member-rotate h4{font-size:12px;display:flex;align-items:center;gap:7px;margin:0 0 8px}.member-rotate h4 svg{width:16px;height:16px;color:#7964ed}.member-rotate p{color:#8c93a5;font-size:10px;line-height:1.7;margin:0 0 14px}.member-rotate .form-grid{gap:10px}.member-rotate .form-grid button{grid-column:auto;margin-top:0}.member-rotate .form-grid button[type=submit]{grid-column:auto;margin-top:0}.public-key-display{margin-top:20px}.public-key-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.public-key-title strong{font-size:11px}.public-key-display pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#15172b;color:#e3defe;padding:15px;border-radius:9px;font-size:10px;line-height:1.7}.users-empty{text-align:center;padding:20px;color:#9298a9;font-size:11px}.users-empty svg{height:28px;width:28px}.member-note{margin-top:20px}.member-note code{font-size:10px}
@media(max-width:1100px){.users-layout{grid-template-columns:1fr}}@media(max-width:650px){.key-generator{flex-direction:column;align-items:stretch}.key-generator .btn{justify-content:center}.member-rotate .form-grid button{width:100%}.member-role-row{flex-wrap:wrap}.member-row{gap:8px;padding:10px}.member-state{font-size:9px}}

/* LEARNSTACK 1.2.1 — ADMIN TOTP MFA */
.mfa-screen{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(circle at 12% 15%,#dedaff 0,transparent 36%),radial-gradient(circle at 87% 86%,#daf5f1 0,transparent 33%),#f7f8fd}
.mfa-auth-card{width:min(100%,510px);background:white;border:1px solid #e9e9f7;border-radius:22px;box-shadow:0 24px 75px #29265012;padding:34px 38px}
.mfa-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px}
.mfa-pill{display:inline-flex;align-items:center;gap:6px;background:#f1efff;color:#6b57ca;border-radius:100px;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.06em}
.mfa-pill svg{width:15px;height:15px}
.mfa-symbol{width:54px;height:54px;display:grid;place-items:center;background:#f0edff;color:#6b59d5;border-radius:15px;margin-bottom:18px}
.mfa-symbol svg{width:26px;height:26px}
.mfa-auth-card h1{font-size:29px;letter-spacing:-.04em;line-height:1.2;color:#292a44;margin:8px 0 12px}
.mfa-lead{font-size:13px;color:#7a8293;line-height:1.75;margin:0 0 22px}
.mfa-auth-card .field{margin:15px 0}.mfa-auth-card .field label{display:block;font-size:12px;font-weight:750;margin:0 0 8px;color:#4f566c}
.mfa-auth-card .input-wrap{border:1px solid #e5e8f3;border-radius:12px;display:flex;align-items:center;gap:10px;padding:4px 13px}
.mfa-auth-card .input-wrap svg{width:19px;height:19px;color:#9189c7}
.mfa-auth-card .input-wrap input{border:0;min-height:42px;width:100%;outline:0;color:#303447;background:transparent;font-size:17px;letter-spacing:3px}
.mfa-auth-card .btn.full{width:100%;justify-content:center;margin-top:15px}
.mfa-setup-guide{background:#faf9ff;border:1px solid #ece8ff;border-radius:14px;padding:16px 18px}
.mfa-setup-guide>div+div{border-top:1px solid #e8e6f7;padding-top:14px;margin-top:14px}
.mfa-setup-guide strong{font-size:12px;color:#50418f}
.mfa-setup-guide p{font-size:11px;color:#7d8195;line-height:1.7;margin:6px 0 0}
.mfa-secret{margin-top:9px;border:1px dashed #c8bfee;border-radius:9px;background:white;padding:12px;font-family:Consolas,ui-monospace,monospace;color:#5745a8;font-size:14px;font-weight:800;letter-spacing:.09em;overflow-wrap:anywhere;user-select:all}
.mfa-recovery{border-radius:10px;background:#f7f8fb;border:1px solid #ebecf2;padding:12px 15px;margin:12px 0}
.mfa-recovery summary{cursor:pointer;color:#7363c5;font-size:12px;font-weight:750}
.mfa-recovery p{font-size:11px;color:#80889a;line-height:1.65}
.mfa-recovery label{font-size:11px;color:#555c73;font-weight:700;display:block;margin-bottom:8px}
.mfa-recovery input{width:100%;border:1px solid #e4e8f2;padding:12px;border-radius:8px;font-family:Consolas,monospace;font-size:12px}
.mfa-back{display:flex;align-items:center;gap:6px;justify-content:center;margin:19px auto 5px;background:none;border:0;color:#7f789f;font-weight:750;font-size:12px;cursor:pointer}
.mfa-back svg{width:16px;height:16px}
.mfa-auth-card .security-note{margin-top:24px}
.mfa-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}
.mfa-code-grid code{font-family:Consolas,monospace;font-size:11px;font-weight:750;background:#f3f1ff;color:#58459b;border-radius:8px;padding:12px 6px;text-align:center;overflow-wrap:anywhere}
.mfa-hint{font-size:11px;color:#8b90a2;line-height:1.6;margin:18px 0 0}
@media(max-width:560px){.mfa-auth-card{padding:27px 22px;border-radius:17px}.mfa-code-grid{grid-template-columns:1fr}.mfa-auth-card h1{font-size:25px}.mfa-pill{font-size:9px;padding:6px 8px}}

.mfa-member-status{display:flex;align-items:center;gap:8px;background:#f3f5ff;color:#5e55a4;border-radius:10px;padding:12px;font-size:11px;font-weight:750;margin-top:15px}.mfa-member-status .icon{width:17px;height:17px}

/* LearnStack v1.3.3: guarded destructive actions */
.btn.danger-outline{background:#fff;border:1px solid #efc7cf;color:#b24356;box-shadow:none}
.btn.danger-outline:hover:not(:disabled){background:#fff2f4;border-color:#e9a5b1}
.btn.danger-outline:focus-visible{outline:3px solid #edb9c2;outline-offset:2px}
.btn.danger-outline .icon{width:15px;height:15px}
.delete-course-btn{margin-top:11px;font-size:11px;width:100%;justify-content:center}