.brand-auth{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(480px,1.15fr);min-height:calc(100vh - 160px);background:#fff;color:var(--swapps-ink,#153243)}.brand-auth-story{position:relative;overflow:hidden;background:var(--swapps-ink,#153243);color:#fff;padding:44px 48px;display:flex;flex-direction:column;justify-content:space-between;min-height:740px}.brand-auth-logo-light{width:120px;filter:brightness(0) invert(1);position:relative;z-index:1}.brand-auth-story-copy{position:relative;z-index:1;margin-top:80px;max-width:420px}.brand-auth-kicker{font-size:12px;color:var(--swapps-yellow,#f0ff64);letter-spacing:.09em;text-transform:uppercase}.brand-auth-story h2{font:500 clamp(34px,3.5vw,54px)/1.1 var(--font-display,inherit);color:#fff;margin:24px 0}.brand-auth-story-copy p{color:#d3dde1;font-size:16px;line-height:1.6;max-width:340px}.brand-auth-art{position:relative;height:210px;margin:28px 0 45px}.brand-auth-art>div{position:absolute;left:-110px;top:10px;width:600px;height:180px;border:1px solid #57717b;border-radius:50%;transform:rotate(-25deg)}.brand-auth-art:before,.brand-auth-art:after{content:'';position:absolute;border:1px solid #57717b;border-radius:50%;width:600px;height:180px;left:-110px;top:10px;transform:rotate(25deg)}.brand-auth-art:after{transform:rotate(75deg)}.brand-auth-art img{position:absolute;left:calc(50% - 45px);top:48px;width:90px;height:90px;z-index:1;transform:rotate(-8deg)}.brand-auth-story-footer{position:relative;z-index:1;font-size:12px;color:#b7c8d0;margin-bottom:0}.brand-auth-content{display:flex;flex-direction:column;align-items:center;position:relative;padding:32px 48px 24px}.brand-auth-language{align-self:flex-end;margin-bottom:26px}.brand-auth-form{width:100%;max-width:430px;flex:1;margin-top:14px}.brand-auth-logo{width:110px;display:block;margin-bottom:32px}.brand-auth-form h1{font:500 clamp(28px,2.6vw,38px)/1.15 var(--font-display,inherit);margin:0 0 14px;color:var(--swapps-ink,#153243)}.brand-auth-subtitle{font-size:15px;line-height:1.6;color:#6c7b85;margin-bottom:26px}.brand-auth-alternatives{display:grid;gap:10px}.brand-auth-method{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 16px;min-height:48px;border:1px solid #dce2e4;border-radius:6px;background:#fff;color:inherit;font-weight:600;font-size:13px}.brand-auth-method:hover{background:#f4f6f6}.brand-auth-method .brand-icon{display:block;width:20px;height:20px;margin:0}.brand-auth-method .current-icon{display:none}.brand-auth-google{font:600 20px Arial,sans-serif}.brand-auth-divider{display:flex;align-items:center;gap:14px;color:#7a8790;font-size:11px;margin:25px 0}.brand-auth-divider:before,.brand-auth-divider:after{content:'';height:1px;background:#e1e6e8;flex:1}.brand-auth-form .field{margin-bottom:19px}.brand-auth-form label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}.brand-auth-form input:not([type=checkbox]){width:100%;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:6px;background:#fff;padding:13px 14px;min-height:46px;font:inherit;font-size:14px}.brand-auth-password{position:relative}.brand-auth-password input{padding-right:76px!important}.brand-auth-password button{position:absolute;right:10px;top:10px;background:none;border:0;font:inherit;font-size:11px;font-weight:600;line-height:1.5;padding:6px;color:#536b76}.brand-auth-remember{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 25px}.brand-auth-remember label{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:400}.brand-auth-remember a{font-size:11px;color:inherit;text-decoration:underline}.brand-auth-submit{display:flex;width:100%;align-items:center;justify-content:center;gap:15px;padding:14px 20px;border:1px solid var(--swapps-ink,#153243);border-radius:6px;background:var(--swapps-yellow,#f0ff64);color:var(--swapps-ink,#153243);font:600 14px/1.4 inherit}.brand-auth-submit:hover{filter:brightness(.97)}.brand-auth-signup{text-align:center;font-size:12px;color:#687b86;line-height:1.7;margin:24px 0}.brand-auth-signup a,.brand-auth-back a{color:inherit;font-weight:600}.brand-auth-back{margin-top:25px;font-size:13px}.brand-auth-content>footer{font-size:11px;color:#7a8992;margin-top:40px}.brand-auth-success{padding:12px 14px;border-radius:6px;background:#f1f7e8;color:#426734;font-size:12px}.brand-logout{max-width:520px;margin:65px auto;padding:40px;text-align:center;background:#fff;border:1px solid #dce2e4;border-radius:14px}.brand-logout h1{font-size:32px;margin:18px 0 14px}.brand-logout>p{color:#6c7b85;line-height:1.7}.brand-logout-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#f4f7df;margin:0 auto 24px}.brand-logout-icon .brand-icon{width:32px;height:32px;margin:0;display:block}.brand-logout-icon .current-icon{display:none}.brand-logout .actions{justify-content:center;margin-top:28px;gap:14px}.brand-logout-confirm{padding:12px 20px;border:1px solid #153243;border-radius:5px;color:#fff;background:#153243;font:600 13px/1.4 inherit}@media(max-width:900px){.brand-auth{grid-template-columns:1fr}.brand-auth-story{display:none}.brand-auth-content{min-height:calc(100vh - 180px);padding:24px}.brand-auth-form{margin-top:0}.brand-auth-logo{margin-bottom:28px}.brand-logout{margin:30px auto}}@media(max-width:450px){.brand-auth-remember{align-items:flex-start;flex-direction:column;gap:14px}.brand-logout{padding:30px 22px}.brand-logout h1{font-size:28px}}

.brand-auth-page { background: #fff; font-family: 'Ofelia Text', sans-serif; }
.brand-auth-page .base-white-content { display: block; padding: 0; }
.brand-auth-page .brand-auth { min-height: 100vh; --font-display: 'Ofelia Display', sans-serif; }
.brand-auth-page .brand-auth-story { min-height: 100vh; }
.brand-auth-page .brand-auth-method { text-decoration: none; width: 100%; font-family: inherit; cursor: pointer; }
.brand-auth-page .brand-auth-submit { font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.brand-auth-page .brand-auth-method[hidden] { display: none; }
.brand-auth-page .brand-auth-feedback { padding: 12px 14px; border: 1px solid #ecc7c7; background: #fff4f4; border-radius: 6px; color: #8d2424; font-size: 13px; margin-bottom: 20px; }
.brand-auth-page .field-error { color: #8d2424; font-size: 12px; margin-top: 6px; }
.brand-auth-page [aria-invalid="true"] { border-color: #b82f2f; }
.brand-auth-page :focus-visible { outline: 2px solid #153243; outline-offset: 3px; }
.brand-auth-page .brand-auth-story :focus-visible { outline-color: #f0ff64; }
.brand-auth-page .brand-auth-form .brand-auth-remember input { width: auto; }
.brand-auth-page .brand-auth-back button { border: 0; padding: 0; background: transparent; color: inherit; text-decoration: underline; font: inherit; cursor: pointer; }
.brand-auth-page .brand-auth-language .auth-language-switcher { position: static; margin: 0; }
@media(max-width:900px) { .brand-auth-page .brand-auth-content { min-height: 100vh; } }
.brand-logout-icon .app-brand-icon { width: 32px; height: 32px; margin: 0; }
.brand-logout .hub-overline { text-transform: uppercase; letter-spacing: .09em; font-size: 11px; color: #6c7b85; }
.brand-logout .actions { display: flex; align-items: center; flex-wrap: wrap; }
.brand-logout-confirm { font-family: inherit; font-size: 13px; font-weight: 600; }

.brand-auth-page .brand-auth-feedback { border-left: 3px solid #a42b32; line-height: 1.6; }
.brand-auth-page .brand-auth-feedback:focus { outline: 2px solid #a42b32; outline-offset: 3px; }
.brand-auth-page .brand-auth-form input[aria-invalid="true"] { border-color: #a42b32; background: #fffafa; }

.brand-auth-content,
.brand-auth-form {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .brand-auth-page .brand-auth {
    grid-template-columns: minmax(0, 1fr);
  }

  .brand-auth-page .brand-auth-form input:not([type=checkbox]) {
    font-size: 16px;
  }

  .brand-auth-password button {
    top: 0;
    min-height: 44px;
  }
}