.auth-view .page{max-width:1280px;padding:32px}.auth-view .page>footer{display:none}.auth-view .doc{max-width:none}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:min(780px,calc(100vh - 124px));border:1px solid var(--olv);border-radius:24px;overflow:hidden;background:var(--sch)}.auth-story{position:relative;display:flex;flex-direction:column;padding:32px;color:#f5efea;background:linear-gradient(180deg,#15111088,#151110d9),url(/assets/images/albion-online-ku-hero.png) 45% center / cover}.doc .auth-brand{display:inline-flex;align-items:center;gap:12px;color:#f5efea;text-decoration:none;font-size:16px;font-weight:500}.auth-brand img{width:64px;height:64px;object-fit:contain}.auth-story-copy{margin-top:auto;padding-top:160px}.doc .auth-eyebrow{font-size:12px;letter-spacing:2px;color:#ffbc7b;margin:0 0 20px}.doc .auth-story h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-1px;font-weight:400;color:#f5efea;margin:0 0 20px}.doc .auth-story-copy>p:last-child{color:#e9e1df;max-width:300px;line-height:1.7;font-size:14px}.auth-story-note{font-size:12px;color:#e9e1df;margin-top:48px}.auth-form-panel{padding:32px 40px;max-width:560px;width:100%;margin:auto}.auth-switch{display:flex;gap:8px;padding:4px;border-radius:28px;background:var(--sc);margin:0 0 32px auto;width:fit-content}.doc .auth-switch a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:10px 20px;min-height:44px;border-radius:24px;color:var(--ov)}.doc .auth-switch a[aria-current]{background:var(--pc);color:var(--onpc)}.auth-emblem{display:inline-flex;padding:12px;color:var(--pri);background:var(--sc);border-radius:16px;margin-bottom:20px}.doc .auth-heading h1{font-size:clamp(28px,3vw,36px);font-weight:400;line-height:1.2;letter-spacing:-1px;margin:0 0 12px}.doc .auth-heading p{color:var(--ov);font-size:14px;margin:0 0 28px}.auth-providers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}.auth-providers[hidden],.auth-divider[hidden],.auth-providers button[hidden]{display:none}.auth-page button{font:inherit;cursor:pointer}.auth-providers button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px;border:1px solid var(--ol);border-radius:12px;background:var(--sc);color:var(--on);font-size:14px;transition:background .2s}.auth-providers img{object-fit:contain}.auth-providers button:hover{background:var(--br);transform:translateY(-1px)}.auth-providers button:focus-visible{outline:2px solid var(--pri);outline-offset:3px}.auth-providers button:disabled{opacity:.6;cursor:wait}.auth-providers button svg{flex:0 0 20px}.auth-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ov);margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--olv)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:13px;font-weight:500}.doc .auth-field input{appearance:none;width:100%;height:48px;padding:12px 14px;background:var(--sc);color:var(--on);border:1px solid var(--ol);border-radius:10px;font:inherit;font-size:14px;margin:0;box-sizing:border-box}.auth-field input::placeholder{color:var(--ov);opacity:.75}.auth-password-wrap{position:relative}.doc .auth-password-wrap input{padding-right:52px}.auth-password-toggle{position:absolute;right:2px;top:2px;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ov);border-radius:8px;display:grid;place-items:center}.auth-password-toggle:hover{background:var(--br)}.auth-error{color:light-dark(#ad2424,#ffb4ab);font-size:12px;line-height:1.4}.auth-error:empty{display:none}.doc .auth-field input[aria-invalid=true]{border-color:light-dark(#ad2424,#ffb4ab)}.doc .auth-forgot{align-self:end;font-size:13px;color:var(--pri);min-height:32px;display:inline-flex;align-items:center;margin-top:-8px}.auth-submit{display:flex;justify-content:space-between;align-items:center;min-height:48px;gap:16px;padding:12px 18px;background:var(--pc);border:1px solid var(--pri);color:var(--onpc);border-radius:12px;font-size:14px;margin-top:4px;transition:background .2s}.auth-submit:hover{background:color-mix(in srgb,var(--pc) 75%,var(--pri))}.doc .auth-status{font-size:13px;color:var(--pri);margin:0;line-height:1.6}.auth-status:empty{display:none}.doc .auth-availability{display:flex;gap:8px;font-size:12px;line-height:1.6;color:var(--ov);margin-top:20px}.auth-availability .material-icons{font-size:16px;flex-shrink:0;margin-top:2px}.doc .auth-bottom{font-size:13px;text-align:center;margin:24px 0 12px;color:var(--ov)}.doc .auth-bottom a{color:var(--pri);font-weight:500}.auth-legal{display:flex;gap:16px;align-items:center;justify-content:center}.doc .auth-legal a{font-size:12px;color:var(--ov);min-height:44px;display:inline-flex;align-items:center}.auth-page :is(a,button):focus-visible{outline:2px solid var(--pri);outline-offset:3px}.auth-page button:active{transform:translateY(1px)}@media(max-width:1100px){.auth-view .page{padding:24px}.auth-form-panel{padding:28px}.auth-story{padding:24px}}@media(max-width:700px){.auth-view .page{padding:16px}.auth-page{grid-template-columns:1fr;border-radius:20px}.auth-story{min-height:180px;padding:20px 24px;background-position:center 40%}.auth-story-copy{padding-top:24px}.doc .auth-story h2{font-size:26px;margin-bottom:0}.auth-story-copy>p,.auth-story-note{display:none}.auth-brand img{width:44px;height:44px}.auth-form-panel{padding:24px;max-width:500px}.auth-switch{margin-bottom:24px}.auth-emblem{display:none}}@media(prefers-reduced-motion:reduce){.auth-page *{transition:none!important}}.auth-view .page{padding:16px 24px}.auth-page{min-height:calc(100svh - 92px)}.auth-form-panel{padding:20px 32px}.auth-switch,.auth-emblem{display:none}.doc .auth-heading h1{font-size:30px;margin-bottom:8px}.doc .auth-heading p{margin-bottom:16px;font-size:13px;line-height:1.5}.auth-providers button{min-height:44px;padding:8px}.auth-divider{margin:12px 0;line-height:16px}.auth-form{gap:10px}.auth-field{gap:6px}.doc .auth-field input{height:44px;padding-block:10px}.auth-password-toggle{width:40px;height:40px}.doc .auth-forgot{min-height:24px;margin-top:-4px}.auth-submit{min-height:44px;padding-block:10px;margin-top:0}.doc .auth-availability{margin:12px 0 0;line-height:1.4}.doc .auth-bottom{margin:12px 0 0;line-height:1.5}.doc .auth-legal a{min-height:32px}.auth-story-copy{padding-top:48px}.auth-story-note{margin-top:24px}.auth-page[data-auth-mode=signup] .auth-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px}.auth-page[data-auth-mode=signup] .auth-form>:not(.auth-field),.auth-page[data-auth-mode=signup] .auth-field:first-child{grid-column:1 / -1}@media(max-width:700px){.auth-view .page{padding:12px}.auth-page{min-height:calc(100svh - 84px)}.auth-story{display:none}.auth-form-panel{padding:20px}.doc .auth-heading h1{font-size:28px}}@media(max-height:680px){.auth-form-panel{padding:16px 24px}.doc .auth-heading h1{font-size:26px;margin-bottom:16px}.auth-heading>p,.auth-legal{display:none}.auth-story{padding:24px}.auth-story-copy{padding-top:24px}.doc .auth-story h2{font-size:32px}}