:root{--ink:#171715;--paper:#f5f2e9;--white:#fffef8;--coral:#ff5b3d;--teal:#0b716b;--acid:#dcff3f;--line:#d9d5c9;--muted:#6e6d67}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.account-header{height:72px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}.account-brand{font-size:27px;font-weight:900}.account-brand span{color:var(--coral)}.account-nav{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:800;text-transform:uppercase}.account-main{max-width:1180px;margin:0 auto;padding:54px 20px 90px}.account-main h1{font-size:clamp(38px,6vw,72px);line-height:.95;margin:0 0 18px}.lead{max-width:650px;color:var(--muted);font-size:18px}.auth-wrap{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 1fr}.auth-art{padding:8vw;display:flex;flex-direction:column;justify-content:flex-end;background:var(--teal);color:#fff}.auth-art h1{font-size:clamp(48px,8vw,100px);line-height:.9;margin:0}.auth-art b{color:var(--acid)}.auth-form{display:grid;place-items:center;padding:40px}.auth-box{width:min(430px,100%)}.auth-box h2{font-size:34px;margin:0 0 24px}.form-stack{display:grid;gap:16px}label{display:grid;gap:7px;font-size:12px;font-weight:800}input{padding:13px;border:1px solid #aaa;background:#fff;outline:none}input:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(11,113,107,.12)}.primary-button,.secondary-button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer}.primary-button{background:var(--coral);border-color:var(--coral);color:#fff}.primary-button:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}.secondary-button{background:transparent}.alert{padding:13px 15px;margin-bottom:16px;background:#e7f5f2;border-left:4px solid var(--teal)}.alert.error{background:#fff0ef;border-color:#b42318}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:40px}.course-card{background:#fff;border:1px solid var(--line)}.course-card img,.course-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover}.course-placeholder{display:grid;place-items:center;background:var(--coral);font-size:70px;font-weight:900}.course-card-body{padding:20px}.course-card h2{margin:0 0 8px;font-size:24px}.course-card p{color:var(--muted);min-height:48px}.course-card footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line)}.course-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.course-cover img,.course-cover-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover}.course-cover-placeholder{display:grid;place-items:center;background:var(--coral);font-size:110px;font-weight:900}.price{font-size:34px;font-weight:900;margin:22px 0}.playlist-list{margin-top:45px;border-top:1px solid var(--ink)}.playlist-block{border-bottom:1px solid var(--ink)}.playlist-title{padding:18px 0;margin:0;font-size:22px}.lesson-link{padding:14px 0 14px 22px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.lesson-link:hover{color:var(--teal)}.lesson-page{background:#0f0f0e;color:#fff;min-height:100vh}.lesson-header{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100vh - 64px)}.player-area{padding:30px}.player{width:100%;max-height:calc(100vh - 210px);aspect-ratio:16/9;background:#000}.lesson-info{margin-top:20px}.lesson-info h1{margin:0;font-size:28px}.lesson-sidebar{background:#1d1d1a;border-left:1px solid #333;overflow:auto}.lesson-sidebar h2{padding:20px;margin:0;font-size:16px}.lesson-sidebar a{display:block;padding:14px 20px;border-top:1px solid #333;font-size:13px}.lesson-sidebar a.active{border-left:4px solid var(--acid);background:#292925}.empty-video{aspect-ratio:16/9;display:grid;place-items:center;background:#191919;color:#aaa}.security-note{font-size:11px;color:#888}.badge{display:inline-block;padding:4px 7px;border:1px solid var(--teal);color:var(--teal);font-size:10px;font-weight:900;text-transform:uppercase}@media(max-width:800px){.auth-wrap,.course-hero,.lesson-layout{grid-template-columns:1fr}.auth-art{min-height:300px;padding:45px 22px}.lesson-sidebar{border-left:0}.player-area{padding:14px}.account-nav span{display:none}}@media(max-width:460px){.account-header{padding:0 16px}.account-nav{gap:12px}.auth-form{padding:36px 20px}.account-main{padding-top:36px}}