.learning-auth{--text:#293b53;--muted:#657187;--border:#e2eaf2;--shadow:0 8px 32px #2b47670a;background:linear-gradient(135deg,#f7fbff,#fdfcfe 62%,#fffcf8);flex-direction:column;align-items:stretch;min-height:100svh;padding:0;display:flex}.learning-auth-topbar{background:#ffffffd9;border-bottom:1px solid #e6edf3;justify-content:space-between;align-items:center;gap:24px;padding:18px max(24px,50vw - 590px);display:flex}.learning-auth .learning-auth-brand{color:var(--accent-strong);gap:8px}.learning-auth-brand .learning-art{object-fit:contain;width:48px;height:58px}.learning-auth-brand strong{letter-spacing:-.035em;font-size:25px}.learning-auth-brand small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500;display:block}.learning-auth .auth-role-nav{gap:8px;display:flex}.learning-auth .auth-role-nav a{color:#57657c;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.learning-auth .auth-role-nav a[aria-current=page]{border-color:color-mix(in srgb, var(--accent) 22%, white);background:color-mix(in srgb, var(--accent-soft) 42%, white);color:var(--accent-strong)}.learning-auth-content{flex:1;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(36px,7vw,108px);width:min(1080px,100%);margin:0 auto;padding:40px 24px;display:grid}.learning-auth-story{padding:14px 20px 24px}.learning-auth-companion{place-items:center;width:235px;height:242px;margin:0 auto 24px;display:grid;position:relative}.learning-auth-companion>.learning-art:not(.learning-auth-story-star){object-fit:contain;width:214px;height:214px;position:relative}.learning-auth-orbit{background:#eef7ff;border:1px solid #e4eef7;border-radius:50%;position:absolute;inset:22px 0 0}.learning-auth-story-star{width:52px;height:52px;position:absolute;top:5px;right:-2px}.learning-auth-story h2{color:#2d4768;letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(24px,2.8vw,31px);line-height:1.3}.learning-auth-story>p{color:var(--muted);font-size:15px;line-height:1.7}.learning-auth-story ul{gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.learning-auth-story li{align-items:start;gap:9px;font-size:14px;line-height:1.5;display:flex}.learning-auth-story li svg{color:#488665;flex-shrink:0;margin-top:1px}.learning-auth .learning-auth-card{border:1px solid var(--border);width:100%;min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:30px}.learning-auth-card-heading{background:color-mix(in srgb, var(--accent-soft) 26%, #f9fbfe);border-radius:25px 25px 0 0;align-items:center;gap:16px;margin:-30px -30px 22px;padding:24px 30px;display:flex}.learning-auth-card-heading>div{flex:1;min-width:0}.learning-auth .learning-auth-card h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:7px 0 0;font-size:clamp(24px,2.3vw,30px);line-height:1.25}.learning-auth-card-heading .eyebrow{color:var(--accent-strong);letter-spacing:.07em;margin:0;font-size:10px}.learning-auth-card-heading>.learning-art{object-fit:contain;flex-shrink:0;width:60px;height:66px}.learning-auth-description{color:var(--muted);overflow-wrap:anywhere;margin-bottom:23px;font-size:14px;line-height:1.65}.learning-auth-form-content{gap:18px;display:grid}.learning-auth :is(input,select,textarea){background:#fff;border-color:#dce6f0;border-radius:12px}.learning-auth :is(button,.button){border-radius:12px;min-height:46px}.learning-auth .form-grid>button[type=submit]{width:100%;margin-top:3px}.learning-auth label{color:#4a5c72;font-size:13px}.learning-auth .learning-auth-help{overflow-wrap:anywhere;background:#f7fafc;border:1px solid #e7edf4;border-radius:15px;padding:15px 17px;font-size:13px;line-height:1.65}.learning-auth-extra{color:#52677f;border:1px solid #e7edf4;border-radius:12px;padding:10px 13px}.learning-auth-extra summary{min-height:26px;font-size:13px}.learning-auth-help>strong{color:#354e6b;margin-bottom:5px;display:block}.learning-auth-help>div{color:var(--muted)}.learning-auth-help p{margin:0}.learning-auth-help .text-link{align-items:center;min-height:40px;margin-top:6px;display:inline-flex}.learning-auth .text-link{font-size:13px;line-height:1.5}.learning-auth-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;padding:16px 24px 24px;font-size:11px;display:flex}.learning-auth-wide .learning-auth-content{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:48px;width:min(1200px,100%)}.learning-auth-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.learning-auth-entry-card{background:#fbfdff;border:1px solid #e4ecf4;border-radius:18px;flex-direction:column;align-items:start;gap:14px;padding:20px;display:flex}.learning-auth-entry-card>.learning-art{object-fit:contain;width:76px;height:80px}.learning-auth-entry-card h2,.learning-auth-entry-card p{margin:0}.learning-auth-entry-card h2{color:#305477;font-size:20px}.learning-auth-entry-card p,.learning-auth-entry-card small{color:var(--muted);font-size:13px;line-height:1.65}.learning-auth-entry-card .button{width:100%;font-size:13px}.learning-auth .auth-login-value{color:#21486d;overflow-wrap:anywhere;background:#f6faff;border:1px solid #dce8f2;border-radius:12px;padding:14px;font-size:17px;font-weight:750;display:block}@media (max-width:900px){.learning-auth-topbar{padding-inline:22px}.learning-auth-content,.learning-auth-wide .learning-auth-content{grid-template-columns:minmax(0,1fr);width:min(640px,100%);padding-block:30px}.learning-auth-story{display:none}}@media (max-width:600px){.learning-auth-topbar{flex-direction:column;gap:12px;padding:12px}.learning-auth-brand .learning-art{width:35px;height:40px}.learning-auth-brand strong{font-size:23px}.learning-auth-brand small{display:none}.learning-auth .auth-role-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(380px,100%);display:grid}.learning-auth .auth-role-nav a{gap:5px;padding:9px 7px;font-size:12px}.learning-auth-content,.learning-auth-wide .learning-auth-content{padding:22px 12px}.learning-auth .learning-auth-card{border-radius:22px;padding:22px}.learning-auth-card-heading{border-radius:21px 21px 0 0;gap:10px;margin:-22px -22px 21px;padding:22px}.learning-auth-card-heading>.learning-art{width:46px;height:54px}.learning-auth .learning-auth-card h1{font-size:25px}.learning-auth-entry-grid,.learning-auth .form-grid.two{grid-template-columns:minmax(0,1fr)}}
