:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#1f2540 0,#0a0b14 40%,#05060a 100%);color:#e7ecff}.page{position:relative;max-width:1180px;margin:0 auto;padding:2rem 1rem 3rem;display:grid;grid-gap:1rem;gap:1rem;overflow:hidden}.bg-orb{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(40px);opacity:.26;pointer-events:none;animation:float 12s ease-in-out infinite}.orb-1{top:-90px;left:-90px;background:#5b8cff}.orb-2{top:25%;right:-120px;background:#4cf5d7;animation-delay:-4s}.orb-3{bottom:-120px;left:35%;background:#cc7bff;animation-delay:-7s}.glass{background:linear-gradient(135deg,rgba(34,42,76,.62),rgba(14,18,36,.62));border:1px solid rgba(148,170,255,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.35)}.card{border-radius:16px;padding:1rem;transition:transform .25s ease,border-color .25s ease}.card:hover{transform:translateY(-2px);border-color:rgba(159,183,255,.46)}.hero{position:relative;overflow:hidden}.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#9db4ff;margin:0 0 .5rem}h1{margin:0 0 .65rem;font-size:clamp(1.7rem,4vw,2.6rem)}h2,h3{margin-top:0}.hero-text{margin:0;max-width:760px;color:#bfd0ff}.stats{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.stats.compact{margin-top:.75rem}.stats span{background:rgba(130,157,244,.2);border:1px solid rgba(160,182,255,.22);border-radius:999px;padding:.25rem .6rem;font-size:.88rem}.progress-wrap{margin-top:.8rem;height:8px;border-radius:999px;background:rgba(137,156,214,.25);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#6aa7ff,#64f0db);border-radius:inherit;transition:width .45s ease}.grid{grid-template-columns:320px 1fr;grid-gap:1rem}.grid,.grid-3{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1rem}.grid-admin-panels{display:grid;grid-template-columns:1.4fr .9fr;grid-gap:1rem;gap:1rem}ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:.55rem;gap:.55rem}button,input{font:inherit}button{width:100%;border:1px solid rgba(165,184,255,.3);border-radius:10px;background:rgba(20,27,54,.85);color:#e9efff;padding:.55rem .72rem;cursor:pointer;text-align:left;transition:all .2s ease}button:hover{border-color:rgba(130,208,255,.65);box-shadow:0 0 0 3px rgba(122,194,255,.14)}button.active{border-color:#62a7ff;box-shadow:0 0 0 3px rgba(95,161,255,.2)}button:disabled{opacity:.6;cursor:not-allowed}.primary{background:linear-gradient(90deg,#5e8bff,#5ad6d6);color:#061028;font-weight:700;border:none}.lesson-title{display:block}.pill{display:inline-block;margin-left:.45rem;font-size:.7rem;padding:.1rem .45rem;border-radius:999px;background:rgba(96,239,210,.2);color:#72fbe0;vertical-align:middle}.lesson-meta,.planned-at{color:#afc2ff}ol{padding-left:1.2rem;display:grid;grid-gap:.45rem;gap:.45rem}.course-card{position:relative;overflow:hidden}.course-accent{position:absolute;inset:0 auto auto 0;width:100%;height:4px}.course-status{display:inline-flex;margin:0 0 .5rem;text-transform:uppercase;font-size:.76rem;letter-spacing:.1em;color:#8cc7ff}.planner{margin-top:.9rem;border-radius:12px;padding:.75rem}.card-soft{background:rgba(111,130,205,.14);border:1px dashed rgba(156,179,255,.35)}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.filter-row{display:flex;gap:.45rem;flex-wrap:wrap}.filter-btn,.status-chip{width:auto;text-transform:capitalize}.admin-list{display:grid;grid-gap:.7rem;gap:.7rem}.admin-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid rgba(159,179,255,.18);border-radius:14px;padding:.85rem;background:rgba(18,24,48,.65)}.form-grid{display:grid;grid-gap:.8rem;gap:.8rem;margin-bottom:1rem}.form-grid label{display:grid;grid-gap:.35rem;gap:.35rem;color:#c8d7ff}.form-grid input{border:1px solid rgba(165,184,255,.28);background:rgba(15,21,41,.88);color:#eef3ff;border-radius:10px;padding:.72rem .8rem;outline:none}.form-grid input:focus{border-color:#69a9ff;box-shadow:0 0 0 3px rgba(92,153,255,.16)}.question{margin-bottom:.85rem}.question label{display:flex;align-items:center;gap:.45rem;margin:.34rem 0}.result{font-weight:700;color:#7ee5ff}@keyframes float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(10px)}}@media (max-width:980px){.grid-3,.grid-admin-panels{grid-template-columns:1fr}}@media (max-width:860px){.grid,.section-head{grid-template-columns:1fr;display:grid}.admin-item{flex-direction:column;align-items:stretch}}