:root{--white:#fff;--grey:#f5f5f7;--blue:#06f;--blue-dim:#2e5edb;--indigo:#4b4fe0;--teal:#0091ae;--amber:#d97706;--ink:#1d1d1f;--ink-soft:#6e6e73;--hairline:#00000014;--danger:#d92d20;--content-width:1180px;--radius-card:20px;--radius-pill:980px;--ease:cubic-bezier(.16, 1, .3, 1);--dur-fast:.2s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--grey);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}p{margin:0}.mono{font-family:JetBrains Mono,monospace}.text-soft{color:var(--ink-soft)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--content-width);margin:0 auto;padding:0 40px}@media (width<=640px){.wrap{padding:0 24px}}.card{background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius-card)}.btn{border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn--primary{background:var(--blue);color:var(--white)}.btn--primary:hover{background:var(--blue-dim);transform:translateY(-1px);box-shadow:0 10px 20px #0066ff47}.btn--secondary{background:var(--grey);color:var(--ink);border:1px solid var(--hairline)}.btn--secondary:hover{background:#e7e7ea}.btn--danger{background:var(--danger);color:var(--white)}.btn--sm{padding:9px 18px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field label{font-size:14px;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--hairline);background:var(--white);color:var(--ink);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:15px}.field textarea{resize:vertical;min-height:100px}.form-error{color:#b42318;background:#fef3f2;border:1px solid #fda29b;border-radius:12px;margin-bottom:18px;padding:12px 16px;font-size:14px}.portal-nav{background:var(--white);border-bottom:1px solid var(--hairline);z-index:50;position:sticky;top:0}.portal-nav__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.portal-nav__brand{color:var(--ink);font-size:17px;font-weight:700}.portal-nav__links{align-items:center;gap:24px;font-size:15px;font-weight:500;display:flex}.portal-nav__links a{color:var(--ink-soft)}.portal-nav__links a.is-active,.portal-nav__links a:hover{color:var(--ink)}@media (width<=640px){.portal-nav__inner{flex-wrap:wrap;row-gap:8px;height:auto;padding:12px 0}.portal-nav__links{flex-wrap:wrap;gap:14px;font-size:14px}}.portal-nav__links button{font:inherit;color:var(--ink-soft);background:0 0;border:none;padding:0}.portal-nav__links button:hover{color:var(--ink)}.portal-main{min-height:calc(100vh - 64px)}.page-spinner{min-height:60vh;color:var(--ink-soft);justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:var(--ink-soft);padding:80px 20px}.empty-state h2{color:var(--ink);margin-bottom:12px}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:40px 20px;display:flex}.auth-card{width:100%;max-width:440px;padding:40px}.role-choice{flex-direction:column;gap:10px;display:flex}.role-choice__option{border:1px solid var(--hairline);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.role-choice__option.is-selected{border-color:var(--blue);background:#eaf1ff}.role-choice__option input{margin-top:3px}.role-choice__option span{flex-direction:column;gap:2px;font-size:14px;display:flex}.role-choice__option .text-soft{font-size:13px}.auth-brand{color:var(--blue);margin-bottom:24px;font-size:15px;font-weight:700;display:block}.auth-card h1{margin-bottom:8px;font-size:26px}.auth-card>p.text-soft{margin-bottom:28px}.auth-switch{color:var(--ink-soft);text-align:center;margin-top:20px;font-size:14px}.auth-switch a{color:var(--blue);font-weight:600}.catalog-hero{padding-top:56px;padding-bottom:40px}.catalog-hero h1{margin-bottom:12px;font-size:clamp(28px,4vw,40px)}.catalog-filters{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.catalog-filters select{border:1px solid var(--hairline);background:var(--white);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px}.course-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:64px;display:grid}@media (width<=900px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.course-grid{grid-template-columns:1fr}}.course-card{transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);flex-direction:column;display:flex;overflow:hidden}.course-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #00000014}.course-card__thumb{aspect-ratio:16/9;background:var(--grey);width:100%;overflow:hidden}.course-card__thumb img{object-fit:cover;width:100%;height:100%}.course-card__body{flex-direction:column;flex-grow:1;gap:8px;padding:20px;display:flex}.course-card__body h3{font-size:18px}.course-card__desc{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;font-size:14px;display:-webkit-box;overflow:hidden}.course-card__meta{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.price-tag{flex-shrink:0;font-size:14px;font-weight:700}.price-tag--free{color:var(--teal)}.badge{border-radius:var(--radius-pill);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge--draft{color:#92400e;background:#fef3c7}.badge--published{color:#065f46;background:#d1fae5}.progress-bar{background:var(--grey);border-radius:999px;height:8px;overflow:hidden}.progress-bar__fill{background:var(--blue);height:100%;transition:width var(--dur-fast) var(--ease);border-radius:999px}.progress-label{color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.course-detail-hero{background:var(--white);border-bottom:1px solid var(--hairline);padding:48px 0}.course-detail-stack{padding:32px 0 80px}.course-detail-hero h1{margin-bottom:12px;font-size:clamp(28px,4vw,38px)}.enroll-strip{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:36px;padding:20px;display:flex}.enroll-strip__thumb{aspect-ratio:16/9;background:var(--grey);border-radius:14px;flex-shrink:0;width:160px;overflow:hidden}.enroll-strip__thumb img{object-fit:cover;width:100%;height:100%}.enroll-strip__info{flex:1;min-width:160px}.enroll-strip__price{margin-bottom:8px;font-size:24px;font-weight:800}.enroll-strip__badges{flex-wrap:wrap;gap:8px;display:flex}.enroll-strip__action{flex-shrink:0;width:220px}@media (width<=640px){.enroll-strip{flex-direction:column;align-items:stretch}.enroll-strip__thumb,.enroll-strip__action{width:100%}}.curriculum-block h2{padding-left:4px}.curriculum-module{margin-bottom:8px}.curriculum-module__header{border-bottom:1px solid var(--hairline);padding:16px 20px;font-weight:600}.curriculum-lesson{border-bottom:1px solid var(--hairline);color:var(--ink-soft);align-items:center;gap:12px;padding:14px 20px;font-size:14px;display:flex}.curriculum-lesson:last-child{border-bottom:none}.curriculum-lesson--locked{cursor:default;background:var(--grey)}.curriculum-lesson__icon{text-align:center;flex-shrink:0;width:18px}.player-layout{grid-template-columns:320px 1fr;min-height:calc(100vh - 64px);display:grid}@media (width<=900px){.player-layout{grid-template-columns:1fr}}.player-sidebar{background:var(--white);border-right:1px solid var(--hairline);overflow-y:auto}.player-sidebar__header{border-bottom:1px solid var(--hairline);padding:20px}.player-sidebar__header h2{font-size:16px}.player-module h4{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);padding:14px 20px 6px;font-size:12px}.player-lesson{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:12px 20px;font-size:14px;display:flex}.player-lesson:hover{background:var(--grey)}.player-lesson.is-active{border-left-color:var(--blue);background:#eaf1ff;font-weight:600}.player-lesson__check{border:2px solid var(--hairline);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.player-lesson.is-complete .player-lesson__check{background:var(--teal);border-color:var(--teal);color:var(--white)}.player-content{max-width:860px;padding:32px}.player-video{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;margin-bottom:24px}.player-content h1{margin-bottom:16px;font-size:24px}.player-content__text{color:var(--ink-soft);white-space:pre-wrap;line-height:1.7}.player-footer{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-top:28px;padding-top:24px;display:flex}.dashboard-hero{padding-top:48px;padding-bottom:32px}.dashboard-hero h1{font-size:clamp(26px,4vw,36px)}.dashboard-list{flex-direction:column;gap:16px;padding-bottom:64px;display:flex}.dashboard-card{grid-template-columns:160px 1fr auto;align-items:center;gap:20px;padding:16px;display:grid}@media (width<=640px){.dashboard-card{grid-template-columns:1fr}}.dashboard-card__thumb{aspect-ratio:16/9;background:var(--grey);border-radius:12px;width:160px;overflow:hidden}.dashboard-card__thumb img{object-fit:cover;width:100%;height:100%}.dashboard-card__body h3{margin-bottom:10px;font-size:17px}.admin-header{justify-content:space-between;align-items:center;padding:48px 0 24px;display:flex}.admin-table{border-collapse:collapse;background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius-card);width:100%;overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--hairline);padding:14px 20px;font-size:14px}.admin-table th{color:var(--ink-soft);background:var(--grey);font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafafb}.admin-editor-header{justify-content:space-between;align-items:center;padding:40px 0 24px;display:flex}.admin-editor-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:32px;padding-bottom:80px;display:grid}@media (width<=900px){.admin-editor-grid{grid-template-columns:1fr}}.admin-panel{padding:24px}.admin-panel h2{margin-bottom:20px;font-size:17px}.module-block{border:1px solid var(--hairline);border-radius:16px;margin-bottom:16px;overflow:hidden}.module-block__header{background:var(--grey);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.module-block__header input{background:0 0;border:none;flex-grow:1;padding:4px;font-size:15px;font-weight:600}.module-block__lessons{padding:8px 12px}.lesson-row{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;padding:10px 8px;font-size:14px;display:flex}.lesson-row:last-child{border-bottom:none}.lesson-row__title{flex-grow:1;font-weight:500}.lesson-row__meta{color:var(--ink-soft);font-size:12px}.icon-btn{color:var(--ink-soft);background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:13px}.icon-btn:hover{background:var(--grey);color:var(--ink)}.icon-btn--danger:hover{color:var(--danger);background:#fef3f2}.lesson-editor-form{background:var(--grey);border-radius:12px;margin-top:12px;padding:16px}.toggle-row{align-items:center;gap:10px;margin-bottom:18px;display:flex}.learner-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding-bottom:64px;display:grid}.learner-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.learner-card__avatar{background:var(--grey);width:64px;height:64px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.learner-card__avatar img{object-fit:cover;width:100%;height:100%}.learner-card__body h3{margin-bottom:6px;font-size:16px}.learner-picker{margin-bottom:16px}.learner-picker select{width:100%}.file-upload-status{color:var(--ink-soft);margin-top:6px;font-size:13px}