.brand-auth{width:min(1080px,calc(100% - 48px));margin:48px auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:64px;color:#293b37;align-items:start}.auth-welcome{background:#eaf4ee;border-radius:24px;padding:40px 36px 0;overflow:hidden;position:sticky;top:32px;text-align:left}.brand-auth--join .auth-welcome{background:#fff5cf}.auth-tagline{font-size:14px;font-weight:700;letter-spacing:.08em;color:#52715f;margin-bottom:24px}.auth-welcome h2{font-family:var(--font-brand-heading),sans-serif;font-size:32px;line-height:1.7;font-weight:700;text-wrap:balance}.auth-welcome img{display:block;width:100%;height:340px;-o-object-fit:contain;object-fit:contain;margin:24px auto 0;mix-blend-mode:multiply}.auth-form-panel{min-width:0;padding:12px 0}.auth-card{color:#293b37;border:0;background:transparent;box-shadow:none}.auth-card>div{padding-left:0;padding-right:0}.auth-card h1{font-size:30px;line-height:1.5;font-weight:700;margin:0 0 12px}.auth-card label{font-size:14px;line-height:1.7}.auth-card input:not([type=checkbox]){height:52px;background:#fff;border:1px solid #a9bdb1;border-radius:10px;font-size:16px;box-shadow:none}.auth-card :is(input,button)[aria-invalid=true]{border-color:#b34336}.auth-card button{min-height:52px;height:auto;white-space:normal;line-height:1.5;border-radius:10px;padding:14px 18px;box-shadow:none}.auth-card button.bg-primary{background:#293b37;color:#fffefa}.auth-card button.bg-primary:hover{background:#405e4e;opacity:1}.auth-card button svg{flex-shrink:0;width:22px;height:22px}.auth-card form>div+div{margin-top:22px}.auth-card .auth-methods{display:grid;grid-template-columns:1fr;gap:12px}.auth-card .auth-methods button{flex-direction:row}.auth-card .auth-methods button:first-child{background:#293b37;color:#fffefa;border-color:#293b37}.auth-card .auth-methods button:first-child:hover{background:#405e4e}.auth-card .auth-methods[hidden]{display:none}.auth-card a{text-underline-offset:4px}.auth-card input[type=checkbox]{accent-color:#405e4e;flex-shrink:0;width:20px;height:20px}.auth-card .text-red-600{color:#ad342b;font-size:13px;line-height:1.6}.auth-card .animate-spin{position:static;transform:none}.auth-switch{border-top:1px solid #dce6df;margin-top:28px;padding-top:24px;text-align:center;font-size:14px;line-height:1.8}.auth-switch a{display:inline-block;font-weight:700;text-decoration:underline;padding:8px}@media(max-width:760px){.brand-auth{grid-template-columns:1fr;gap:24px;width:min(480px,calc(100% - 40px));margin:24px auto 48px}.auth-welcome{position:relative;padding:24px 110px 24px 24px;min-height:152px;border-radius:18px}.auth-tagline{font-size:11px;margin-bottom:10px}.auth-welcome h2{font-size:20px;line-height:1.6}.auth-welcome img{position:absolute;right:8px;bottom:0;width:92px;height:130px;margin:0}.auth-form-panel{padding:0}.auth-card h1{font-size:26px}.auth-card>div:first-child{padding-top:0}.auth-card button{font-size:14px}.brand-auth .auth-form-panel{padding-top:16px}.auth-welcome h2{font-size:18px}.auth-welcome{padding-right:100px}}@media(max-width:380px){.auth-welcome{padding:24px;min-height:0}.auth-welcome img{display:none}.auth-welcome h2{font-size:20px}}@media(max-width:760px){.brand-auth .auth-welcome{padding:24px 20px 0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 128px;-moz-column-gap:8px;column-gap:8px;align-items:center}.brand-auth .auth-tagline{grid-column:1/-1;margin-bottom:12px}.brand-auth .auth-welcome h2{font-size:20px;line-height:1.7;padding-bottom:24px;text-wrap:balance}.brand-auth .auth-welcome img{display:block;position:static;width:128px;height:200px;-o-object-fit:contain;object-fit:contain;margin:0;align-self:end}}@media(max-width:380px){.brand-auth .auth-welcome{grid-template-columns:minmax(0,1fr) 108px;padding-inline:16px;-moz-column-gap:4px;column-gap:4px}.brand-auth .auth-welcome img{width:108px;height:180px}.brand-auth .auth-welcome h2{font-size:18px}}@media(max-width:760px){.brand-auth .auth-welcome h2{font-size:18px;position:relative;z-index:1}.auth-headline-part{display:block;white-space:nowrap}.brand-auth .auth-welcome img{width:220px;max-width:none;height:220px;margin-left:-46px}}@media(max-width:380px){.brand-auth .auth-welcome h2{font-size:14px}.brand-auth .auth-welcome img{width:196px;height:210px;margin-left:-44px}}.auth-card :is(input,button,a):focus-visible{outline:3px solid #527d68;outline-offset:3px}