*{box-sizing:border-box} :root{--ink:#2d2231;--plum:#3b2946;--muted:#776b7c;--gold:#cea66d;--line:#e5dfe8;--light:#f4f1f7}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;color:var(--ink);background:#fff}a{color:inherit;text-underline-offset:4px}header{min-height:92px;padding:22px max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:15px;font-weight:850;letter-spacing:2px;text-decoration:none}.back{font-size:14px;color:var(--muted)}main{max-width:1320px;margin:54px auto 70px;padding:0 24px}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:660px;border:1px solid var(--line);border-radius:32px;overflow:hidden}.welcome{position:relative;background:var(--plum);color:#fff;padding:60px 54px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.welcome:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #b9976c55;border-radius:50%;right:-220px;top:120px;pointer-events:none}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:2px;color:var(--muted);margin:0 0 18px}.welcome .eyebrow{color:#e0bf91}.welcome h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,4.6vw,65px);line-height:1.07;margin:0 0 26px;max-width:450px}.welcome p{color:#e1d9e5;max-width:400px}.signature{font-family:Georgia,serif;font-size:23px}.course-note{border-top:1px solid #ffffff26;padding-top:24px;margin-top:45px}.course-note strong{display:block;font-size:15px}.course-note span{font-size:13px;color:#d0c5d7}.form-panel{padding:56px 52px;align-self:center}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4vw,48px);line-height:1.14;margin:0 0 16px}.intro{color:var(--muted);margin:0 0 28px}form{display:flex;flex-direction:column;gap:10px}label{font-size:14px;font-weight:700;margin-top:8px}input{width:100%;font:inherit;padding:14px 15px;min-height:52px;background:#fff;border:1px solid #bfb4c5;border-radius:11px;color:var(--ink)}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b796c5;outline-offset:3px}.password-wrap{position:relative}.password-wrap input{padding-right:78px}.show-password{position:absolute;right:10px;top:10px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;padding:8px;cursor:pointer}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 23px;border:0;border-radius:99px;background:var(--plum);color:#fff;font:inherit;font-weight:750;text-decoration:none;cursor:pointer;margin-top:16px}.button.gold{background:var(--gold);color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}.forgot{text-align:right;font-size:13px;margin:3px 0 7px}.note{font-size:13px;color:var(--muted)}.status{padding:13px 16px;border-radius:12px;background:var(--light);font-size:14px;margin:20px 0}.status:empty{display:none}.status.error{background:#fff0ee;color:#873d33}.under-form{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.under-form a{font-weight:700;color:var(--ink)}footer{padding:25px;text-align:center;font-size:12px;color:var(--muted)}.course-shell{max-width:1000px;margin:auto}.course-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.course-empty{background:var(--light);border:1px solid var(--line);border-radius:24px;padding:40px;margin:30px 0}.course-empty h2{font:400 32px Georgia,serif;margin-top:0}.lesson{padding:20px;border-bottom:1px solid var(--line)}.lesson p{margin:4px 0}.lesson span{font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:850px){main{margin-top:26px}.auth-layout{grid-template-columns:1fr}.welcome{padding:34px;min-height:auto}.welcome h2{font-size:42px;max-width:520px}.welcome .course-note{display:none}.welcome .signature{display:none}.welcome p{margin-bottom:0}.form-panel{padding:36px 30px}.course-top{flex-direction:column}}@media(max-width:480px){header{min-height:76px;padding:18px 20px}.brand{font-size:12px}.back{font-size:12px}main{padding:0 16px}.auth-layout{border-radius:23px}.welcome{padding:28px 24px}.welcome h2{font-size:36px}.form-panel{padding:30px 24px}.course-empty{padding:26px}}

.restart-login{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:10px}#device-code{font-size:25px;letter-spacing:7px}#device-code-form h2{font:32px Georgia,serif;margin:0}