:root{--bg: #020403;--bg-2: #050807;--panel: rgba(7, 14, 13, .76);--panel-2: rgba(12, 24, 23, .82);--line: rgba(140, 255, 232, .16);--line-strong: rgba(140, 255, 232, .32);--text: #f3fffc;--muted: #8fa7a1;--soft: #c5ddd8;--accent: #43ffd2;--accent-2: #36b7ff;--accent-rgb: 67, 255, 210;--danger: #ff6565;--shadow: 0 28px 90px rgba(0, 0, 0, .52)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 52% 14%,rgba(var(--accent-rgb),.18),transparent 30rem),radial-gradient(circle at 86% 36%,rgba(54,183,255,.1),transparent 22rem),var(--bg);background-size:92px 92px,92px 92px,auto,auto,auto;color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 13% 16%,rgba(255,255,255,.08) 0 28px,transparent 29px),radial-gradient(circle at 84% 12%,rgba(255,255,255,.07) 0 38px,transparent 39px),radial-gradient(circle at 18% 78%,rgba(255,255,255,.04) 0 18px,transparent 19px);opacity:.42}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg width='420' height='260' viewBox='0 0 420 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2343ffd2' stroke-opacity='.45' stroke-width='1.2'%3E%3Cpath d='M18 46h72l24 24h84'/%3E%3Ccircle cx='18' cy='46' r='4' fill='%2343ffd2' fill-opacity='.45'/%3E%3Ccircle cx='198' cy='70' r='4' fill='%2343ffd2' fill-opacity='.45'/%3E%3Cpath d='M260 28h42l30 30v44'/%3E%3Ccircle cx='260' cy='28' r='3.5' fill='%2343ffd2' fill-opacity='.45'/%3E%3Ccircle cx='332' cy='102' r='3.5' fill='%2343ffd2' fill-opacity='.45'/%3E%3Cpath d='M36 180h70l26-26h58l32-32h46'/%3E%3Ccircle cx='36' cy='180' r='4' fill='%2343ffd2' fill-opacity='.45'/%3E%3Ccircle cx='268' cy='122' r='4' fill='%2343ffd2' fill-opacity='.45'/%3E%3Cpath d='M310 190h46l24-24h22'/%3E%3Ccircle cx='310' cy='190' r='3.5' fill='%2343ffd2' fill-opacity='.45'/%3E%3Ccircle cx='402' cy='166' r='3.5' fill='%2343ffd2' fill-opacity='.45'/%3E%3Cpath d='M154 230v-42l-22-22'/%3E%3Ccircle cx='154' cy='230' r='3.5' fill='%2343ffd2' fill-opacity='.45'/%3E%3C/g%3E%3C/svg%3E");background-size:520px 320px;background-position:30px 20px;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,transparent 76%);mask-image:radial-gradient(circle at 50% 20%,#000,transparent 76%)}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:rgba(var(--accent-rgb),.075);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.18s ease}button:hover{border-color:var(--line-strong);color:var(--accent);background:rgba(var(--accent-rgb),.18);box-shadow:0 0 30px rgba(var(--accent-rgb),.22),inset 0 1px #ffffff14;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{width:100%;background:#0000005c;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 13px;outline:none}textarea{min-height:110px;resize:vertical}label{display:block;color:var(--soft);font-size:12px;margin:14px 0 6px}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,6vw,82px);line-height:.95;letter-spacing:0;font-weight:820}h2{font-size:25px;letter-spacing:0}h3{font-size:14px;letter-spacing:0}p,small{color:var(--muted);line-height:1.55}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;color:#020403;font-weight:850;box-shadow:0 0 26px rgba(var(--accent-rgb),.33),inset 0 1px #ffffff6b}.primary.slim{padding:10px 15px}.danger{color:var(--danger);border-color:#ff656540}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(460px,100%);position:relative;overflow:hidden;background:linear-gradient(180deg,#0f1c1bdb,#030606e0);border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:var(--shadow),0 0 70px rgba(var(--accent-rgb),.14)}.auth-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(circle at 50% 0%,rgba(var(--accent-rgb),.26),transparent 34%);pointer-events:none}.auth-card>*{position:relative}.auth-card h1{font-size:38px;margin-top:28px}.auth-card p{margin:10px 0 26px}.auth-card button{width:100%;margin-top:18px}.brand-lock,.brand{display:flex;align-items:center;gap:10px;font-weight:850}.brand-lock svg,.brand svg{color:var(--accent);filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.65))}.error{border:1px solid rgba(255,101,101,.35);background:#ff65651a;color:#ff9d9d;border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:12px}.success{border:1px solid rgba(var(--accent-rgb),.32);background:rgba(var(--accent-rgb),.09);color:var(--accent);border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:12px}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 18px}.auth-tabs button{min-height:40px;padding:8px;font-size:13px}.auth-tabs .active{background:rgba(var(--accent-rgb),.18);color:var(--accent);border-color:var(--line-strong)}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:#010303b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:4}.brand{padding:4px 8px 30px;font-size:21px}.mobile-head{display:contents}.mobile-menu-btn,.nav-logout{display:none}nav{display:grid;gap:8px}nav button,.logout{width:100%;justify-content:flex-start;background:transparent;color:var(--muted)}nav button.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.04));border-color:var(--line-strong);color:var(--text)}nav button:hover,.logout:hover{color:var(--accent);background:rgba(var(--accent-rgb),.13)}.side-bottom{position:absolute;left:16px;right:16px;bottom:18px;display:grid;gap:8px}.main{padding:28px;min-width:0}.topbar,.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.topbar p,.section-head p{margin-top:7px}.learn-page{display:grid;gap:28px}.mentor-hero{position:relative;min-height:430px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.8fr);align-items:center;gap:20px;padding:clamp(26px,5vw,64px);border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 58% 98%,rgba(var(--accent-rgb),.19),transparent 26rem),linear-gradient(180deg,#08100fd6,#010303eb);box-shadow:var(--shadow),inset 0 1px #ffffff0f}.mentor-hero:after,.hero-slider:after,.player-panel:after,.admin-card:after,.poster-card:before{content:"";display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg width='360' height='220' viewBox='0 0 360 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2343ffd2' stroke-opacity='.55' stroke-width='1.15'%3E%3Cpath d='M22 36h52l20 20h64'/%3E%3Ccircle cx='22' cy='36' r='3.4' fill='%2343ffd2' fill-opacity='.55'/%3E%3Ccircle cx='158' cy='56' r='3.4' fill='%2343ffd2' fill-opacity='.55'/%3E%3Cpath d='M232 30h36l28 28v42'/%3E%3Ccircle cx='232' cy='30' r='3.2' fill='%2343ffd2' fill-opacity='.55'/%3E%3Ccircle cx='296' cy='100' r='3.2' fill='%2343ffd2' fill-opacity='.55'/%3E%3Cpath d='M38 174h58l24-24h52'/%3E%3Ccircle cx='38' cy='174' r='3.4' fill='%2343ffd2' fill-opacity='.55'/%3E%3Ccircle cx='172' cy='150' r='3.4' fill='%2343ffd2' fill-opacity='.55'/%3E%3Cpath d='M240 176h46l26-26h28'/%3E%3Ccircle cx='240' cy='176' r='3.2' fill='%2343ffd2' fill-opacity='.55'/%3E%3Ccircle cx='340' cy='150' r='3.2' fill='%2343ffd2' fill-opacity='.55'/%3E%3C/g%3E%3C/svg%3E");background-size:420px 260px;background-position:right 18px top 16px;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%,#000);mask-image:linear-gradient(90deg,transparent,#000 42%,#000)}.player-panel,.admin-card{position:relative;overflow:hidden}.player-panel>*,.admin-card>*{position:relative;z-index:1}.poster-card:before{z-index:1;opacity:.26;background-position:right -70px top 12px;-webkit-mask-image:linear-gradient(180deg,transparent 15%,#000 55%,#000);mask-image:linear-gradient(180deg,transparent 15%,#000 55%,#000)}.poster-card>div{z-index:2}.empty-hero{display:flex;align-items:center}.hero-slider{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:34px;background:var(--panel);box-shadow:var(--shadow),inset 0 1px #ffffff0f}.hero-slider:after{opacity:.28;background-position:right 24px bottom 24px;-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000);mask-image:linear-gradient(90deg,transparent 10%,#000)}.hero-slider img{width:100%;height:100%;object-fit:cover;display:block}.slide-dots{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:8px}.slide-dots button{width:10px;height:10px;padding:0;border-radius:99px;background:#ffffff73}.slide-dots button.active{width:28px;background:var(--accent)}.hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.36;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 45%,#000,transparent 72%)}.hero-copy,.hero-orbit{position:relative;z-index:1}.hero-pill{width:fit-content;display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;padding:7px 12px;color:var(--accent);border:1px solid var(--line-strong);border-radius:100px;background:rgba(var(--accent-rgb),.1);box-shadow:0 0 22px rgba(var(--accent-rgb),.16);font-size:12px;font-weight:760}.hero-copy p{max-width:720px;margin-top:22px;font-size:16px;color:#b8cac6}.hero-orbit{min-height:340px;display:grid;place-items:center}.orbit-ring{position:absolute;width:min(90%,390px);aspect-ratio:1;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle,transparent 48%,rgba(var(--accent-rgb),.16) 50%,transparent 62%),conic-gradient(from 210deg,transparent,rgba(var(--accent-rgb),.78),transparent 42%);filter:blur(.2px) drop-shadow(0 0 34px rgba(var(--accent-rgb),.3));animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orbit-card{border:1px solid var(--line-strong);background:linear-gradient(180deg,#ffffff14,#00000059);box-shadow:0 0 40px rgba(var(--accent-rgb),.21),inset 0 1px #ffffff29;color:var(--accent)}.main-orbit{width:168px;height:128px;border-radius:24px;display:grid;place-items:center;font-weight:840}.main-orbit span{color:var(--text);margin-top:-18px}.orbit-card.mini{position:absolute;width:58px;height:58px;border-radius:18px;display:grid;place-items:center}.orbit-card.one{top:54px;right:24%}.orbit-card.two{bottom:44px;right:17%}.orbit-card.three{left:14%;top:47%}.learn-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.catalog-filters{display:grid;grid-template-columns:minmax(260px,1fr) 220px 180px;gap:12px}.search-box{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:#00000047}.search-box input{border:0;background:transparent;padding-left:0}.card-meta{display:inline-flex;margin-bottom:10px;color:var(--accent);font-size:12px;font-weight:800}.poster-card{aspect-ratio:9 / 16;min-height:420px;position:relative;overflow:hidden;display:flex;align-items:flex-end;text-align:left;padding:0;border-radius:24px;background:var(--panel);border-color:var(--line);box-shadow:0 20px 70px #00000047}.poster-card.locked{opacity:.58;filter:grayscale(.45)}.poster-card.locked:hover{transform:none}.lock-pill{width:fit-content;display:inline-flex;gap:6px;align-items:center;margin-bottom:10px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--accent);background:#00000061;font-size:12px;font-weight:850}.poster-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.88}.poster-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.82))}.poster-card>div{position:relative;z-index:1;padding:20px}.poster-card h3{font-size:21px;color:var(--text);margin-bottom:8px}.poster-card p{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.poster-card small{color:var(--accent);font-weight:800}.back-btn{width:fit-content}.continue-row{display:flex;justify-content:center;margin-top:-4px}.continue-btn{min-width:360px;min-height:58px;padding:16px 26px;border-radius:18px;font-size:17px}.progress-track{width:100%;height:7px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#ffffff0f}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.course-list,.lesson-list,.player-panel,.admin-card,.table{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 70px #0000003d,inset 0 1px #ffffff0d}.course-list{padding:12px;display:grid;gap:12px}.course{position:relative;overflow:hidden;display:grid;grid-template-columns:64px 1fr;text-align:left;gap:12px;padding:11px;border-radius:18px}.course:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.52),transparent);opacity:0}.course.active:after{opacity:1}.course img{width:64px;height:64px;object-fit:cover;border-radius:15px;grid-row:span 2;filter:saturate(1.1) contrast(1.05)}.course span{font-weight:800;align-self:end}.course.active,.lesson.active{border-color:var(--line-strong);background:rgba(var(--accent-rgb),.11)}.player-panel{overflow:hidden}.player-panel iframe{width:100%;aspect-ratio:16 / 9;border:0;background:#000;display:block}.lesson-head{padding:24px 24px 10px;display:flex;justify-content:space-between;gap:20px}.lesson-head small{color:var(--accent)}.lesson-head h2{margin-top:5px;font-size:28px}.lesson-head span{height:fit-content;color:var(--accent);border:1px solid var(--line-strong);border-radius:100px;padding:7px 11px;background:rgba(var(--accent-rgb),.08)}.summary{padding:0 24px 20px;color:#b5c8c4}.rating-box,.suggest-box{margin:0 24px 24px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#ffffff09}.rating-box{display:flex;justify-content:space-between;gap:12px;align-items:center}.rating-box small{display:block;margin-top:4px}.stars{display:flex;gap:4px}.stars button{padding:7px;color:#4d5a5a;border-radius:10px}.stars .on{color:var(--accent)}.suggest-box textarea{margin-bottom:10px}.lesson-list{padding:16px}.module{margin-bottom:18px}.module h3{margin-bottom:9px;color:var(--soft)}.lesson{width:100%;display:grid;grid-template-columns:auto 1fr auto;text-align:left;gap:9px;margin-bottom:8px;border-radius:14px}.admin-stack{display:grid;gap:14px}.admin-card{padding:20px}.admin-card p{margin-top:5px}.admin-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.admin-row.compact{align-items:center}.actions{display:flex;gap:7px;flex-wrap:wrap}.module-admin{margin-top:14px;padding:14px;background:#00000038;border:1px solid var(--line);border-radius:18px}.lesson-admin{display:grid;grid-template-columns:1fr minmax(120px,360px) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);margin-top:10px}.lesson-admin small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table{padding:10px}.table-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.table-row:last-child{border-bottom:0}.table-row small{display:block;margin-top:3px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#020403;font-weight:900}.suggestion{display:flex;justify-content:space-between;gap:20px}.suggestion-controls{min-width:190px;display:grid;gap:8px;align-content:start}.status-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,var(--accent) 50%) calc(100% - 18px) 50% / 6px 6px no-repeat,linear-gradient(135deg,var(--accent) 50%,transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,rgba(var(--accent-rgb),.08);border-color:var(--line-strong);color:var(--accent);font-weight:800;padding-right:38px;cursor:pointer}.status-select option{background:#06100f;color:var(--text)}.image-field{display:grid;gap:8px}.image-field input[type=file]{display:none}.file-picker{display:inline-flex;width:fit-content;align-items:center;gap:9px;margin:0;padding:12px 15px;border:1px solid var(--line-strong);border-radius:14px;color:var(--accent);background:rgba(var(--accent-rgb),.08);cursor:pointer;box-shadow:0 0 22px rgba(var(--accent-rgb),.08)}.file-picker:hover{background:rgba(var(--accent-rgb),.14)}.upload-progress{width:min(260px,100%);height:7px;overflow:hidden;border-radius:999px;background:#ffffff14;border:1px solid var(--line)}.upload-progress span{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:progressMove 1s ease-in-out infinite}@keyframes progressMove{0%{transform:translate(-110%)}to{transform:translate(240%)}}.image-field img{width:100%;max-height:220px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.material-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:12px 15px;border:1px solid var(--line-strong);border-radius:14px;color:var(--accent);background:rgba(var(--accent-rgb),.08);text-decoration:none;font-weight:800}.material-box{margin:0 24px 20px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffff09;display:flex;gap:10px;flex-wrap:wrap}.material-box a{color:var(--accent);font-weight:850;text-decoration:none}.transcript-box,.quiz-box,.interaction-card,.certificate-box,.stat-card,.panel-section{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 70px #00000038,inset 0 1px #ffffff0d}.transcript-box{margin:0 24px 20px;padding:16px}.transcript-box summary{cursor:pointer;color:var(--accent);font-weight:850}.transcript-box p{margin-top:12px}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 24px 24px}.interaction-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 24px 24px}.interaction-card{padding:16px;display:grid;gap:10px}.interaction-card h3{display:flex;align-items:center;gap:8px;font-size:18px}.thread-list{display:grid;gap:8px;max-height:220px;overflow:auto}.thread-item{padding:10px;border:1px solid var(--line);border-radius:14px;background:#0000002e}.thread-item small{display:block;margin-top:6px;color:var(--accent)}.quiz-box{margin:0 24px 24px;padding:18px;display:grid;gap:14px}.section-head.compact{margin-bottom:0;align-items:center}.quiz-question{display:grid;gap:10px}.quiz-options{display:grid;gap:8px}.quiz-options button.active{color:#020403;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat-card{padding:22px}.stat-card strong{display:block;margin:8px 0 12px;font-size:34px}.panel-section{padding:20px;margin-bottom:18px}.panel-section h2{margin-bottom:14px}.mini-list{display:grid;gap:10px}.mini-row{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.mini-row .progress-track{grid-column:1 / -1}.achievement-grid{display:flex;gap:10px;flex-wrap:wrap}.achievement{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:var(--accent);background:rgba(var(--accent-rgb),.08);font-weight:800}.achievement.muted{color:var(--muted)}.certificate-box,.notification{padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.notification.read{opacity:.6}.answer-box{padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--accent);background:rgba(var(--accent-rgb),.06)}.profile-card{max-width:760px}.mt{margin-top:16px}.add-slide-btn{width:fit-content;margin-top:12px}.slides-admin{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.slide-admin-item{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden}.slide-admin-item img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.slide-admin-item button{position:absolute;right:10px;top:10px}.status-pill{width:fit-content;height:fit-content;padding:7px 11px;border:1px solid var(--line-strong);border-radius:999px;color:var(--accent);background:rgba(var(--accent-rgb),.08);font-size:12px;font-weight:800}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;display:grid;place-items:center;z-index:40;padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal{width:min(580px,100%);max-height:90vh;overflow:auto;background:#06100f;border:1px solid var(--line-strong);border-radius:24px;padding:24px;box-shadow:var(--shadow),0 0 60px rgba(var(--accent-rgb),.14)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.check{display:flex;gap:9px;align-items:center}.check input{width:auto}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#00000047}.role-switch button{border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:800}.role-switch button:hover{color:var(--accent)}.role-switch button.active{color:#020403;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 22px rgba(var(--accent-rgb),.24)}.empty{padding:54px;text-align:center;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.empty p{margin-top:8px}@media (max-width: 1180px){.learn-grid{grid-template-columns:1fr}.course-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.mentor-hero{grid-template-columns:1fr}.hero-orbit{min-height:280px}}@media (max-width: 1800px){.app{grid-template-columns:1fr}aside{position:sticky;top:0;height:auto;padding:10px 12px;z-index:30}.mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu-btn{display:inline-flex;width:48px;height:48px;padding:0}.brand{padding:0}nav{display:none;grid-template-columns:1fr;gap:8px;padding-top:12px}nav.open{display:grid}nav button{justify-content:flex-start;width:100%}.side-bottom{display:none}.nav-logout{display:flex}}@media (max-width: 920px){.main{padding:14px}}@media (max-width: 760px){body{background-size:72px 72px,72px 72px,auto,auto,auto}h1{font-size:34px}h2{font-size:25px}h3{font-size:18px}p,small{font-size:15px}html,body,#root{width:100%;overflow-x:hidden}button,input,textarea,select{font-size:16px}button{min-height:54px;padding:14px 17px}.brand{font-size:24px;justify-content:center}nav button{min-width:132px;min-height:50px;font-size:15px;flex:0 0 auto}.topbar,.section-head{align-items:stretch;gap:12px}.catalog-filters,.stats-grid,.interaction-grid{grid-template-columns:1fr}.certificate-box,.notification{flex-direction:column;align-items:stretch}.topbar .primary,.section-head .primary,.continue-btn,.back-btn{width:100%}.main{padding:12px 10px 72px}.learn-page{gap:24px}.continue-row{margin-top:0;padding:0}.continue-btn{width:100%;min-height:66px;max-width:none;border-radius:20px;font-size:18px;font-weight:900}.hero-slider{border-radius:22px;width:100%;margin:0;min-height:190px}.mentor-hero{min-height:auto;border-radius:24px}.hero-copy p{font-size:14px}.topbar,.section-head,.admin-row,.rating-box,.suggestion{flex-direction:column}.lesson-admin,.table-row{grid-template-columns:1fr}.poster-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:2px 10px 16px;margin-left:-10px;margin-right:-10px}.poster-card{flex:0 0 calc(100vw - 42px);width:auto;min-height:auto;margin:0;scroll-snap-align:start;border-radius:22px}.poster-card>div{padding:22px}.poster-card h3{font-size:27px;line-height:1.08}.poster-card p{display:-webkit-box;font-size:16px}.poster-card small{font-size:15px}.learn-grid{gap:16px}.player-panel,.lesson-list,.admin-card,.table{border-radius:20px;width:100%}.player-panel iframe{min-height:230px}.lesson-head,.rating-box,.suggest-box,.material-box,.transcript-box,.quiz-box,.summary{margin-left:12px;margin-right:12px}.lesson-head,.rating-box,.suggest-box,.material-box,.transcript-box,.quiz-box{padding:16px}.summary{padding:0 16px 18px}.lesson-head{flex-direction:column;margin-top:12px;margin-bottom:12px}.lesson-head h2{font-size:29px;line-height:1.08}.lesson{min-height:64px;font-size:16px;grid-template-columns:auto minmax(0,1fr) auto}.lesson small{font-size:13px}.rating-box b{font-size:19px}.rating-box{align-items:stretch;gap:16px}.stars{width:100%;justify-content:space-between}.stars button{flex:1;min-width:0;min-height:56px}.stars svg{width:24px;height:24px}.suggest-box textarea{min-height:132px;font-size:16px}.suggest-box .primary{width:100%;min-height:62px;font-size:17px;font-weight:900}.lesson-nav{margin:0 12px 18px}.interaction-grid{padding:0 12px 18px}.panel-section,.stat-card{padding:18px}.modal{padding:18px;border-radius:18px}.actions,.modal-actions{flex-direction:column}.actions button,.modal-actions button,.suggestion-controls{width:100%}.slides-admin{grid-template-columns:1fr}.file-picker,.material-link,.add-slide-btn{width:100%;justify-content:center}}@media (max-width: 430px){.poster-card{flex-basis:calc(100vw - 36px)}.hero-slider{aspect-ratio:16 / 10;min-height:210px}.player-panel iframe{min-height:240px}}