:root{--pink:#fc3c80;--orange:#ffa337;--ink:#18151a;--muted:#69636d;--line:#eadfe5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 0 0,#fff0f6,transparent 37%),radial-gradient(circle at 100% 0,#fff8de,transparent 35%),#fffdfb;color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:#af2859}.academy-header{height:78px;padding:14px max(22px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffffdd;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:850;font-size:1.2rem}.brand img{width:44px;height:44px;object-fit:contain}.academy-header>span{font-weight:750;color:#af2859}.academy-shell{max-width:1380px;margin:0 auto;padding:36px 22px 60px}.academy-shell.narrow{max-width:680px}.access-card,.student-area{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 58px #5d2c3a12}.access-card{max-width:560px;padding:clamp(25px,5vw,46px);margin:30px auto}.eyebrow{margin:0 0 12px;color:#df2c70;font-size:.8rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 16px}.access-card>p:not(.eyebrow),.student-main>p:not(.eyebrow){color:var(--muted)}form{display:grid;gap:8px;margin-top:25px}label{font-weight:720;margin-top:10px}input{width:100%;padding:14px 15px;border:1px solid #d7cdd4;border-radius:10px;background:white;color:var(--ink)}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.primary{border:0;border-radius:10px;color:white;font-weight:850;background:linear-gradient(110deg,var(--pink),var(--orange));padding:16px 20px;margin-top:20px}.access-card small,.help{display:block;color:var(--muted);margin-top:24px}.student-area{display:grid;grid-template-columns:255px minmax(0,1fr);overflow:hidden;min-height:680px}.student-sidebar{padding:24px;background:linear-gradient(165deg,#ffa949,#f0745e 55%,#e64b82);display:flex;flex-direction:column;gap:28px}.student-hello{display:flex;align-items:center;gap:12px}.student-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff5dc}.student-hello small,.student-hello strong{display:block}.student-hello strong{font-size:1.1rem}.student-sidebar nav{display:grid;gap:9px}.student-sidebar nav>a,.student-sidebar nav>span{padding:10px 12px;border-radius:9px;text-decoration:none;color:#332130;font-weight:700}.student-sidebar nav>a{background:#fff9}.student-sidebar nav>span{opacity:.7}.student-sidebar nav small{display:block;font-size:.7rem;font-weight:550}.student-sidebar>button{margin-top:auto;border:0;background:transparent;text-align:left;color:#552f35}.student-main{padding:clamp(25px,4vw,48px)}.student-main>p:not(.eyebrow){margin:0 0 28px}.lesson-player{width:100%;aspect-ratio:16/9;min-height:230px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#ed8149,#e9507e);color:white}.lesson-player button{display:grid;justify-items:center;gap:10px;border:0;background:transparent;color:white;font-weight:850}.lesson-player button span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:white;color:#ae265a;padding-left:4px;font-size:1.4rem}.lesson-player iframe{width:100%;height:100%;border:0;background:black}.lesson-status{min-height:1.5em}.lesson-footer{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:20px}.lesson-footer span,.loading{color:var(--muted)}.loading{text-align:center}[hidden]{display:none!important}@media(max-width:760px){.academy-header{height:68px}.academy-shell{padding:16px 12px 45px}.student-area{grid-template-columns:1fr}.student-sidebar{padding:18px;gap:13px}.student-sidebar nav{display:flex;overflow:auto}.student-sidebar nav>span{display:none}.student-sidebar>button{align-self:flex-end}.student-main{padding:22px 16px}.lesson-player{min-height:185px}.access-card{margin:12px auto}}
