.account-public-shell{max-width:1240px;margin:auto;padding:0 44px;min-height:100svh;display:flex;flex-direction:column}
.account-public-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}
.account-public-header .brand{margin:0}
.account-welcome{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;flex:1;padding:50px 0 70px}
.account-welcome h1{font-family:Manrope,sans-serif;font-size:clamp(34px,4.2vw,57px);line-height:1.17;letter-spacing:-2px;margin:18px 0 24px;font-weight:800}
.account-welcome .lede{max-width:490px;font-size:17px;line-height:1.8;color:var(--muted)}
.account-welcome-login .account-card{margin:0;box-shadow:0 18px 60px color-mix(in srgb,var(--accent) 8%,transparent);padding:30px}
.account-login-note{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:20px 0 0}
.account-login-note .icon{width:15px;height:15px;color:var(--accent)}
.account-learning-map{position:relative;display:flex;justify-content:space-between;max-width:440px;margin:40px 0 24px;gap:15px}
.account-map-path{position:absolute;left:35px;right:35px;top:25px;border-top:2px dashed var(--line)}
.account-map-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}
.account-map-node>.icon{box-sizing:content-box;width:23px;height:23px;padding:15px;border-radius:18px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))}
.account-map-node:nth-of-type(3)>.icon{background:color-mix(in srgb,#77bf6a 12%,var(--surface));color:#4c9350}
.account-map-node:nth-of-type(4)>.icon{background:color-mix(in srgb,#dc954f 12%,var(--surface));color:#bc803d}
.account-map-node b{font-size:12px;font-weight:600;color:var(--muted)}
.account-welcome-subjects{display:flex;flex-wrap:wrap;gap:8px;max-width:490px;margin-top:30px}
.account-welcome-subjects span{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:6px 12px;color:var(--muted);font-size:11px}
.account-public-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.account-public-footer a:hover{color:var(--accent)}
.account-public-privacy{max-width:900px;width:100%;margin:20px auto 60px;flex:1}
.account-public-privacy>.text-button{display:inline-flex;align-items:center;gap:6px;margin-bottom:25px}
.account-public-privacy>.text-button .icon{transform:rotate(180deg);width:15px}
@media(max-width:950px){.account-welcome{gap:35px}.account-welcome h1{font-size:39px;letter-spacing:-1.5px}}
@media(max-width:720px){.account-public-shell{padding:0 22px}.account-public-header{padding:24px 0}.account-public-header .brand-label{font-size:7px}.account-public-header .brand{gap:9px}.account-welcome{grid-template-columns:1fr;gap:30px;padding:25px 0 45px}.account-welcome h1{font-size:36px}.account-welcome .lede{font-size:15px}.account-learning-map{margin:25px 0 20px}.account-welcome-subjects{margin-top:20px}.account-welcome-login .account-card{padding:24px}.account-public-footer{font-size:10px;gap:10px}}