:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17212b;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7fb}button,input,select,textarea{font:inherit}button{border:0}#app{min-height:100vh}.app-shell{width:min(1180px,calc(100vw - 32px));min-height:100vh;margin:0 auto;padding:32px 0}.app-shell.auth-shell{width:100%;max-width:none;margin:0;padding:28px;background-image:url(/assets/auth/login-background.webp);background-size:auto;background-position:top left;background-repeat:repeat-x}.login-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:40px;align-items:center;min-height:calc(100vh - 64px)}.login-panel h1{margin:0;color:#0f172a;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.04}.eyebrow{margin:0 0 12px;color:#2563eb;font-size:.92rem;font-weight:800;letter-spacing:0}.muted,.hint{color:#64748b}.login-panel .muted{max-width:620px;margin:20px 0 0;font-size:1.1rem;line-height:1.8}.login-form{display:grid;gap:16px;width:100%;padding:28px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#fff;box-shadow:0 22px 60px #0f172a14}.login-form label{display:grid;gap:8px;color:#334155;font-weight:800}.required-mark{color:#dc2626;font-weight:900}.login-form input{min-height:48px;width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:0 14px;color:#0f172a;background:#fff}.login-form input:focus{outline:3px solid rgba(37,99,235,.16);border-color:#2563eb}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;padding:0 18px;font-weight:800;cursor:pointer}.primary{color:#fff;background:#1d73d4}.secondary{color:#1d5fa8;background:#eaf3ff}.primary:disabled,.secondary:disabled,button:disabled{cursor:progress;opacity:.65}.error{margin:0;color:#b91c1c;font-weight:800}.login-form .hint{margin:0;line-height:1.6}.topbar{display:grid;gap:20px;padding:24px 0}.profile-card{display:flex;align-items:center;gap:18px}.profile-avatar-button{width:72px;height:72px;flex:0 0 auto;overflow:hidden;border-radius:8px;background:#e2e8f0}.profile-avatar-image{width:100%;height:100%;object-fit:cover}.profile-copy{min-width:0}.profile-kicker,.profile-subline{margin:0;color:#64748b;font-weight:800}.profile-copy h1{display:flex;align-items:center;gap:12px;margin:6px 0;color:#0f172a;font-size:clamp(1.625rem,2.6vw,2rem);line-height:1.25}.level-pill{border:1px solid #99f6e4;border-radius:8px;padding:8px 12px;color:#0f766e;background:#ecfdf5;font-size:1rem}.learning-nav,.learning-domain-tabs,.learning-subtabs,.account-nav-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.learning-nav button{min-height:40px;border-radius:8px;padding:0 14px;color:#1d5fa8;background:#eaf3ff;font-weight:800}.learning-nav button.active{color:#fff;background:#1d73d4}@media(max-width:760px){.app-shell{width:min(100vw - 20px,680px);padding:20px 0}.login-panel{grid-template-columns:1fr;align-content:center;gap:24px;min-height:calc(100vh - 40px)}.login-form{padding:20px}.profile-card{align-items:flex-start}.profile-avatar-button{width:56px;height:56px}}