[hidden]{display:none!important}
.auth-screen{min-height:100svh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1fr);background:#fff}
.auth-brand{background:#0d3f4e;color:#fff;padding:60px clamp(32px,7vw,110px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-brand:after{content:'';position:absolute;width:460px;height:460px;border:1px solid #ffffff13;border-radius:50%;right:-230px;bottom:-180px;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff03;pointer-events:none}
.auth-brand img{width:230px;max-width:100%;height:auto;filter:none}
.auth-brand .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#fbc02d;margin-bottom:20px}
.auth-brand h1{font-size:clamp(42px,5vw,70px);line-height:1.06;color:white;max-width:510px;margin:0 0 24px}
.auth-brand p{max-width:400px;line-height:1.7;color:#c3d5da;font-size:16px}
.auth-brand small{color:#a9c4ca;font-size:12px;margin-top:36px}
.auth-form{display:flex;align-items:center;justify-content:center;padding:48px 36px}
.auth-form-inner{width:100%;max-width:400px}
.auth-form .eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#738e97;text-transform:uppercase}
.auth-form h2{font-size:32px;margin:12px 0;color:#0d3f4e}
.auth-form .intro{font-size:14px;color:#59747d;line-height:1.6;margin-bottom:20px}
#auth-status:empty{display:none}#auth-status{line-height:1.6;background:#f3f7f7;border-radius:10px;padding:16px;margin:18px 0;color:#0d3f4e;font-size:14px}
.auth-footnote{border-top:1px solid #e3ecef;padding-top:20px;margin-top:24px;color:#6f8991;font-size:12px;line-height:1.6}
.auth-form a{color:#0d3f4e}#user-button{min-width:30px}
.sync-guard{position:fixed;inset:0;background:#0d3f4ed9;display:flex;align-items:center;justify-content:center;z-index:99999;padding:24px}
.sync-guard>div{background:white;padding:32px;border-radius:16px;max-width:520px;box-shadow:0 24px 80px #0003}
.sync-guard p{line-height:1.6}.sync-guard .actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:780px){.auth-screen{grid-template-columns:1fr}.auth-brand{padding:32px;min-height:240px;gap:30px}.auth-brand img{width:180px}.auth-brand h1{font-size:36px;margin-bottom:12px}.auth-brand p,.auth-brand small{display:none}.auth-brand .eyebrow{margin-bottom:12px}.auth-form{padding:32px 24px}.auth-form h2{font-size:28px}}
/* Public product identity is independent of each location's branding. */
.auth-screen{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.auth-screen h1,.auth-screen h2{font-family:inherit;text-transform:none;letter-spacing:-.045em;font-weight:650}
.command-wordmark{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:18px;line-height:1.15;letter-spacing:-.025em;width:fit-content}
.command-wordmark strong{font-weight:750}.command-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:13px;font-size:30px;font-weight:700;position:relative}.command-mark span{position:absolute;font-size:24px;color:#ffca45;right:3px;bottom:-3px}
.auth-brand h1{font-size:clamp(40px,4.8vw,66px);line-height:1.1}.auth-story{padding:60px 0}
.auth-form-inner{max-width:390px;min-width:0}.auth-form h2{font-size:32px}.auth-form .intro{margin-bottom:24px}.auth-footnote{font-size:12px;line-height:1.7}
#clerk-signin{width:100%;min-width:0}#clerk-signin .cl-rootBox,#clerk-signin .cl-cardBox,#clerk-signin .cl-card{width:100%;max-width:100%;min-width:0}
#clerk-signin input{font-size:16px;min-height:46px}#clerk-signin button{min-height:44px}#clerk-signin .cl-header{display:none}
@media(max-width:780px){
.auth-screen{display:flex;flex-direction:column;min-height:100svh;background:#fff}
.auth-brand{padding:24px 24px 22px;min-height:0;gap:0;background:#fff;color:#153e49;overflow:visible}
.auth-brand:after,.auth-story,.auth-brand small{display:none}
.command-wordmark{color:#153e49;font-size:16px;gap:10px}.command-mark{border-color:#d6e3e7;width:38px;height:38px;font-size:26px}.command-mark span{color:#be8b11}
.auth-form{display:block;padding:16px 24px max(32px,env(safe-area-inset-bottom));width:100%;box-sizing:border-box}
.auth-form-inner{margin:0 auto;max-width:420px}.auth-form h2{font-size:29px;margin:10px 0}.auth-form .intro{font-size:14px;margin:0 0 18px}.auth-form .eyebrow{font-size:10px}
.auth-footnote{margin-top:18px;padding-top:16px}.auth-brand .command-wordmark{margin:0 auto;width:100%;max-width:420px}
}
@media(max-width:360px){.auth-brand{padding:20px}.auth-form{padding:12px 20px 28px}}