:root{--bg:#151b24;--panel:#202938;--line:rgba(255,255,255,.08);--text:#f3f5f7;--muted:#a8b3c1;--violet:#a996ff;--amber:#d8a56e}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;color:var(--text);font:14px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% -10%,rgba(169,150,255,.12),transparent 30%),radial-gradient(circle at 85% 0,rgba(216,165,110,.09),transparent 24%),linear-gradient(180deg,#151b24,#1b2330 55%,#151b24);min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding:20px 16px 110px}.topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:rgba(21,27,36,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.12em}.muted{color:var(--muted)}.btn{border:0;border-radius:13px;padding:11px 15px;background:#f3f3f6;color:#151922;font-weight:700;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.secondary{background:rgba(255,255,255,.06);color:white;border:1px solid var(--line)}.card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);overflow:hidden}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero{padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(90deg,rgba(18,22,29,.82),rgba(18,22,29,.35)),url('/assets/control-room.png') center/cover}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.045em;margin:8px 0 12px}.section{margin-top:28px}.section h2{font-size:27px;letter-spacing:-.03em;margin:0 0 14px}.course-cover{height:150px;background-size:cover;background-position:center;position:relative}.lock{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,13,18,.58);font-size:28px}.course-body{padding:15px}.course-body h3{margin:0 0 6px;font-size:17px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:rgba(169,150,255,.13);border:1px solid rgba(169,150,255,.18);font-size:10px;font-weight:700}.notice{padding:15px 17px;border:1px solid rgba(216,165,110,.18);background:linear-gradient(90deg,rgba(216,165,110,.09),rgba(169,150,255,.05));border-radius:18px;margin-bottom:10px}.form{max-width:520px;margin:60px auto;padding:24px}.field{margin-bottom:14px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.field input,.field textarea,.field select{width:100%;border-radius:12px;border:1px solid var(--line);padding:11px 12px;background:#171d26;color:white}.error{padding:10px 12px;background:rgba(230,70,70,.13);border:1px solid rgba(230,70,70,.24);border-radius:12px;margin-bottom:12px}.lesson-list{display:grid;gap:8px}.lesson-row{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.comment{padding:12px 0;border-bottom:1px solid var(--line)}.comment.reply{margin-left:30px}.stars button{background:transparent;border:0;color:#d8a56e;font-size:26px;cursor:pointer}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(94%,500px);display:grid;grid-template-columns:repeat(4,1fr);padding:7px;background:rgba(23,29,38,.9);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:16px}.bottom-nav a{padding:9px;text-align:center;color:#a8b3c1;border-radius:11px}.bottom-nav a.active{background:rgba(169,150,255,.18);color:white}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}@media(max-width:760px){.grid,.admin-grid{grid-template-columns:1fr}.hero{padding:22px}.topbar{padding:12px 14px}.container{padding-inline:10px}.comment.reply{margin-left:14px}}

.material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.material-card{padding:15px;display:grid;gap:12px;align-content:start}.material-card h3{margin:7px 0 4px}.material-actions{display:flex;gap:8px;flex-wrap:wrap}.training-list{display:grid;gap:10px;margin-top:12px}.training-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.4fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.training-item audio{width:100%}.bottom-nav.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:760px){.material-grid{grid-template-columns:1fr}.training-item{grid-template-columns:1fr}.bottom-nav.five a{font-size:11px;padding-inline:5px}}

/* v0.8.4 — visual identity + course catalog controls */
.hero{background:linear-gradient(90deg,rgba(10,15,23,.90) 0%,rgba(10,15,23,.64) 42%,rgba(10,15,23,.20) 100%),url('/assets/hero-mvplay.jpg?v=0842') center/cover;min-height:190px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 18px 60px rgba(0,0,0,.16)}
.course-cover{height:158px;background-color:#0e1520}.course-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(9,13,19,.25))}.lock{z-index:2;background:rgba(8,12,18,.36);backdrop-filter:blur(1px)}
.admin-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.admin-heading h1{margin:8px 0 4px;font-size:clamp(30px,4vw,44px);letter-spacing:-.04em}.catalog-admin-list{display:grid;gap:12px}.catalog-admin-card{padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.catalog-admin-card h3{margin:0;font-size:18px}.catalog-title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.catalog-rule{margin:8px 0 0;font-size:12px;color:#d8dee7}.visibility-form{margin:0}
@media(max-width:760px){.catalog-admin-card{grid-template-columns:1fr}.visibility-form .btn{width:100%;justify-content:center}.hero{min-height:210px;background-position:62% center}}