.account-layout{background:var(--background);min-height:100dvh;color:var(--foreground);grid-template-columns:minmax(0,1fr) minmax(460px,46%);font-family:Geist Variable,sans-serif;display:grid}.account-layout :is(button,input,a):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.account-layout a:focus-visible{outline-offset:6px}.account-art{color:#241d16;background:#e9831a;flex-direction:column;display:flex;position:relative;overflow:hidden}.account-art-image{object-fit:cover;object-position:60% center;flex:1;order:3;width:100%;height:0;min-height:320px;-webkit-mask-image:linear-gradient(#0000,#000 32px);mask-image:linear-gradient(#0000,#000 32px)}.account-wordmark{letter-spacing:-.03em;order:1;align-self:flex-start;align-items:center;gap:12px;margin:40px 48px 0;font-size:30px;font-weight:750;display:inline-flex;position:relative}.account-art-copy{order:2;margin:56px 48px 24px;position:relative}.account-eyebrow{letter-spacing:.02em;margin-bottom:20px;font-family:Geist Mono Variable,ui-monospace,monospace;font-size:12px;font-weight:500}.account-art-headline{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(36px,3.8vw,60px);font-weight:750;line-height:1.02}.account-art-copy>p:last-child{max-width:34ch;margin-top:24px;font-size:16px;line-height:1.6}.account-content{flex-direction:column;min-width:0;padding:40px 48px 28px;display:flex}.account-header{justify-content:flex-end;align-items:center;display:flex}.account-back,.account-footer{letter-spacing:.02em;color:var(--muted-foreground);font-family:Geist Mono Variable,ui-monospace,monospace;font-size:12px}.account-layout a{transition:color .15s}.account-content a:hover{color:var(--foreground)}.account-mobile-wordmark{display:none}.account-form{width:100%;max-width:380px;margin:auto;padding-block:clamp(32px,6vh,64px)}.account-footer{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.account-layout .account-form :is(.cl-formFieldInput,.cl-socialButtonsBlockButton,.cl-formButtonPrimary){box-shadow:none;transition:background-color .15s,border-color .15s}.account-layout .account-form :is(.cl-formFieldInput,.cl-socialButtonsBlockButton){border:var(--border-hairline) solid var(--input)}.account-layout .account-form .cl-formFieldInput[aria-invalid=true]{border-color:var(--destructive)}.account-layout .account-form :is(.cl-formFieldInput,.cl-socialButtonsBlockButton,.cl-formButtonPrimary,.cl-footerActionLink,.cl-formFieldAction,.cl-formFieldInputShowPasswordButton):is(:focus,:focus-visible){box-shadow:none;outline:2px solid var(--ring);outline-offset:2px}.account-layout .account-form .cl-formFieldInput::placeholder{color:color-mix(in oklch, var(--muted-foreground) 82%, var(--foreground));opacity:1}.account-layout .account-form .cl-socialButtonsBlockButton:hover{background-color:var(--muted);border-color:var(--ring)}.account-layout .account-form .cl-formFieldInput:hover:not(:focus){border-color:var(--ring)}.account-layout .account-form .cl-formFieldInputShowPasswordButton{color:var(--muted-foreground)}.account-layout .account-form .cl-formFieldInputShowPasswordButton:hover{color:var(--foreground)}.account-layout .account-form :is(.cl-formFieldLabel,.cl-formFieldHintText,.cl-dividerText,.cl-footerActionText,.cl-footerActionLink){letter-spacing:.02em;font-size:12px}.account-layout .account-form .cl-footer{align-items:flex-start}.account-layout .account-form .cl-footerAction{padding-inline:0}.account-layout .account-form .cl-footer>div:not([class*=cl-footerAction]){display:none}.account-form :is([data-slot=input-control],button[type=submit]){border-radius:0;min-height:44px}.account-form [data-slot=input-control]>input{height:100%}@media (width<=959px){.account-layout{grid-template-columns:1fr}.account-art{display:none}.account-content{min-height:100dvh;padding:28px 32px}.account-header,.account-footer{width:100%;max-width:380px;margin-inline:auto}.account-header{justify-content:space-between}.account-mobile-wordmark{letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:750;display:inline-flex}.account-mobile-wordmark svg{color:var(--primary)}}@media (width<=480px){.account-content{padding:24px}.account-form{padding-block:48px}}@media (prefers-reduced-motion:reduce){.account-layout a,.account-layout .account-form :is(.cl-formFieldInput,.cl-socialButtonsBlockButton,.cl-formButtonPrimary){transition:none}}.account-layout .account-wordmark:focus-visible{outline-color:#241d16}
