.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:560px}.auth-intro h1{font-size:clamp(36px,4.8vw,64px);letter-spacing:-2px}.auth-intro p{color:#535d67;max-width:430px}.auth-card{background:white;border:1px solid #dfe3e6;border-top:4px solid #ffd400;border-radius:8px;padding:32px;color:#17191c;min-width:0}.auth-card h2{font-size:28px;letter-spacing:-.6px;margin:22px 0 12px}.auth-card h1{font-size:36px;letter-spacing:-1px}.auth-card p{font-size:13px;color:#535d67}.auth-card form{border:0;padding:0;margin:22px 0 0}.auth-card label{display:block;margin-bottom:16px}.auth-card input{width:100%;min-height:46px;background:#fafbfb;padding:12px;border:1px solid #bbc1c7;border-radius:4px;margin-top:6px}.auth-tabs{display:flex;gap:4px;border-bottom:1px solid #dfe3e6}.auth-tabs button{flex:1;border:0;border-radius:4px 4px 0 0;background:#f3f4f4;padding:13px 8px;font-size:13px;font-weight:700;color:#17191c;cursor:pointer}.auth-tabs button[aria-selected=true]{background:#fff5bf;box-shadow:inset 0 -3px #ffd400}.auth-card .button{width:100%;border-radius:4px;min-height:48px}.auth-card .button:disabled{opacity:.55;cursor:not-allowed}.auth-card .auth-help{font-size:11px}.auth-activation{padding:12px 14px;background:#fff6d3;border-left:3px solid #bc9600;border-radius:3px}.auth-other{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #ddd;padding-top:16px;margin-top:20px}.auth-text-button{border:0;background:transparent;text-decoration:underline;padding:5px 0;font-size:12px;font-weight:700;cursor:pointer;color:#504300}.auth-existing{margin-top:25px;font-size:11px;color:#606a76}.auth-existing summary{cursor:pointer}.auth-existing a{font-weight:700;text-decoration:underline}#auth-status{min-height:24px;font-size:13px;color:#303840}.auth-card [hidden]{display:none!important}.auth-card input[readonly]{background:#f0f1f1}.auth-card input[name=code]{font-size:23px;letter-spacing:6px;font-variant-numeric:tabular-nums}.auth-wrap:has(#auth-logout){display:block;min-height:0}.auth-wrap:has(#auth-logout) .auth-card{max-width:540px;margin:auto}@media(max-width:850px){.auth-wrap{grid-template-columns:1fr;gap:28px;max-width:640px}.auth-intro h1{font-size:38px}.auth-intro p{font-size:14px}.auth-card{padding:24px}.auth-card h2{font-size:25px}}@media(max-width:420px){.auth-card{padding:19px}.auth-tabs button{font-size:12px}.auth-other{gap:8px}.auth-card input[name=code]{letter-spacing:4px}}
