.loading-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;color:var(--muted);text-align:center}
.loading-logo{display:block;width:104px;height:auto;aspect-ratio:120/100;object-fit:contain}
.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);align-items:center;gap:40px;max-width:1080px;margin:auto;padding:36px 28px}
.auth-copy{padding:36px;border-radius:20px;background:linear-gradient(#1111119c,#111111cb),url('assets/running-coast-hero.png') center/cover;color:var(--paper)}
.auth-copy .brand{margin-bottom:28px}
.auth-copy .brand-logo{width:144px}
.auth-copy .eyebrow{color:var(--ground)}
.auth-copy h1{font-size:clamp(34px,4.5vw,56px);font-weight:750;line-height:1.1;letter-spacing:-1px;margin:16px 0 24px}
.auth-copy h1 span{color:var(--paper)}
.auth-copy p{font-size:17px;color:var(--paper)}
.auth-copy .form-note{font-size:14px}
.auth-card{padding:28px;box-shadow:var(--shadow)}
.auth-card h2{font-size:28px;margin-bottom:22px}
.auth-card form{display:grid;gap:16px}
.auth-links{display:grid;gap:10px;margin:22px 0 16px}
.auth-links .button,.full-button{width:100%}
.auth-card>.button{width:100%;margin:8px 0}
.auth-card .form-note:last-child{margin-bottom:0}
@media(max-width:760px){
 .auth-shell{grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;padding:20px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .auth-copy{padding:22px;border-radius:14px}.auth-copy .brand{margin-bottom:18px}.auth-copy .brand-logo{width:104px}
 .auth-copy h1{font-size:30px;line-height:1.12;letter-spacing:-.5px;margin:12px 0}
 .auth-copy p{font-size:15px}.auth-copy .form-note{margin-bottom:0}
 .auth-card{padding:22px}.auth-card h2{font-size:25px;margin-bottom:18px}
}
@media(max-width:760px){.auth-copy{padding:16px 20px}.auth-copy .brand{margin-bottom:8px}.auth-copy .brand-logo{width:68px}.auth-copy h1{font-size:23px;margin:10px 0 0}.auth-copy p{display:none}.auth-copy .eyebrow{font-size:10px}.auth-shell{gap:14px}.auth-card h2{margin-bottom:14px}.auth-card form{gap:12px}.auth-links{margin:14px 0 0}.auth-more{margin:8px 0}}