@import url('/branding.css');
body{background:var(--circles-bg);color:var(--circles-ink);font-family:var(--font-ui)}
.login-layout{grid-template-columns:.95fr 1fr}
.campaign-cover{background:var(--circles-soft-blue)}
.campaign-cover>img{object-position:50% 30%}
.cover-shade{background:linear-gradient(180deg,#1027470d,#0849a51c 55%,#0849a580)}
.campaign-cover>.circles-brand{top:32px;left:32px;padding:15px 20px;border-radius:20px;background:#ffffffed;box-shadow:var(--circles-shadow)}
.sign-in-panel{background:var(--circles-bg);padding:56px 40px;min-width:0}
.sign-in-card{max-width:450px;background:#fff;padding:38px;border:1px solid var(--circles-line);border-radius:26px;box-shadow:var(--circles-shadow)}
.sign-in-card h2{font:600 34px/1.25 var(--font-display);letter-spacing:-1.2px;color:var(--circles-ink);margin:0 0 30px}
.account-eyebrow{font-size:9px;font-weight:500;letter-spacing:1.2px;color:var(--circles-blue);margin-bottom:15px}
label{font-size:10px;letter-spacing:.7px;font-weight:500;color:var(--circles-text)}
input{height:50px;border:1px solid var(--circles-line);border-radius:12px;background:#fff;color:var(--circles-ink);font:400 14px var(--font-ui);padding:0 15px}
input::placeholder{color:#8496ae}input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--circles-sky);outline-offset:3px}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px #fff inset;-webkit-text-fill-color:var(--circles-ink)}
.password-field button{color:var(--circles-blue);border-radius:8px}.password-field button:hover{color:var(--circles-blue);background:var(--circles-soft-blue)}
.sign-in-button{background:var(--circles-blue);border-color:var(--circles-blue);border-radius:999px;min-height:52px;padding:15px 21px;color:#fff;font-size:13px;font-weight:500;box-shadow:0 5px 15px #0849a518}
.sign-in-button:hover{background:#063d8e;border-color:#063d8e}.sign-in-button:disabled{opacity:.55;cursor:wait}
#login-message{color:#b34539;font-size:12px;min-height:28px}
.account-switch{color:var(--circles-text);font-size:12px;line-height:1.9}.account-switch a,.setup-sign-in{color:var(--circles-blue);border-color:#aac8ef}.account-switch a:hover,.setup-sign-in:hover{color:#063d8e}
.setup-intro,.field-hint{color:var(--circles-text)}.field-hint{font-size:11px;line-height:1.6}.optional-label,.registration-business summary span{color:#7489a4}
.registration-business{border-color:var(--circles-line);border-radius:0}.registration-business summary{color:var(--circles-blue);font-size:12px}.registration-business summary:focus-visible{outline-color:var(--circles-sky)}
.registration-success{background:var(--circles-soft-mint);border:1px solid #c0eade;border-radius:18px;color:var(--circles-ink)}.registration-success h3{font:600 25px/1.3 var(--font-display)}.registration-success p{font-size:13px}.registration-success a{color:var(--circles-blue);border-color:#b5d9d0}
.register-card{max-width:470px;padding:32px}.register-layout .sign-in-panel{padding:36px}.register-field{margin-bottom:21px}
.sign-in-panel>footer{color:#7188a5;font-size:10px;text-align:center;margin-top:32px}
.mobile-brand{display:none}
@media(max-width:1000px){.sign-in-panel{padding:35px 25px}.sign-in-card{padding:30px}.campaign-cover>.circles-brand{left:24px;top:24px}.login-layout{grid-template-columns:.8fr 1fr}.sign-in-card h2{font-size:30px}}
@media(max-width:680px){.login-layout{display:block}.campaign-cover{display:none}.sign-in-panel,.register-layout .sign-in-panel{min-height:100svh;padding:25px 20px}.mobile-brand{display:inline-flex;align-self:center;margin:0 0 35px}.sign-in-card,.register-card{width:100%;max-width:450px;padding:28px 23px;border-radius:24px;margin:auto 0}.register-card{margin:0}.sign-in-card h2{font-size:31px;letter-spacing:-.9px}.sign-in-panel>footer{margin-top:28px}.register-layout .mobile-brand{margin-bottom:30px}input{font-size:16px}.registration-business summary{font-size:13px}}