:root { font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif; }
.store-auth-page { min-height:100vh; display:flex; flex-direction:column; color:#1d1d1f; background:linear-gradient(180deg,#fff 0,#f5f5f7 58%,#fff 100%); }
.store-auth-main { width:min(100% - 40px,1120px); margin:auto; padding:70px 0 85px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.65fr); align-items:center; gap:clamp(55px,8vw,120px); }
.store-auth-intro>p,.store-auth-card>.eyebrow { margin:0 0 12px; color:var(--auth-brand)!important; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.store-auth-intro h1 { max-width:690px; margin:0; font-size:clamp(48px,6.2vw,82px); font-weight:650; line-height:1; letter-spacing:-.06em; }
.store-auth-intro>span { max-width:620px; margin-top:22px; display:block; color:#6e6e73; font-size:clamp(17px,1.7vw,22px); line-height:1.45; letter-spacing:-.015em; }
.store-auth-card { padding:38px; background:rgba(255,255,255,.92); border:1px solid #d2d2d7; border-radius:24px; box-shadow:0 20px 60px rgba(0,0,0,.08); }
.store-auth-card h1,.store-auth-card h2 { margin:0 0 9px; font-family:inherit; font-size:32px; font-weight:650; letter-spacing:-.04em; }
.store-auth-muted,.store-auth-card>.muted { margin:0 0 28px; color:#6e6e73!important; font-size:14px; line-height:1.5; }
.store-auth-card .stack-form { display:grid; gap:18px; }
.store-auth-card .field { display:grid; gap:8px; }
.store-auth-card .field label { font-size:12px; font-weight:650; }
.store-auth-card .form-control,.store-auth-card .auth-form input { width:100%; min-height:48px; padding:11px 13px; color:#1d1d1f; background:#fff; border:1px solid #b9b9bf; border-radius:12px; outline:none; }
.store-auth-card .form-control:focus,.store-auth-card .auth-form input:focus { border-color:var(--auth-action); box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-action) 14%,transparent); }
.store-auth-button,.store-auth-card .button-primary { width:100%; min-height:46px; display:inline-flex; align-items:center; justify-content:center; color:#fff; background:var(--auth-action); border:0; border-radius:980px; cursor:pointer; font-size:14px; font-weight:650; }
.store-auth-button:hover,.store-auth-card .button-primary:hover { filter:brightness(1.08); }
.store-auth-card .button-secondary { width:100%; min-height:46px; border-radius:980px; }
.store-auth-link,.store-auth-card .forgot-link { margin-top:20px; display:block; color:#0066cc; text-align:center; font-size:13px; font-weight:500; }
.store-auth-link:hover,.store-auth-card .forgot-link:hover { text-decoration:underline; }
.auth-action-stack{display:grid;gap:12px;margin-top:24px}.auth-action-stack .store-auth-button{text-decoration:none}.auth-action-stack form{margin:0}.auth-action-stack form .store-auth-link{width:100%;margin:0;padding:8px;background:transparent;border:0;cursor:pointer}
.store-auth-privacy { margin:20px 0 0; color:#86868b; font-size:10px; line-height:1.5; text-align:center; }
.store-auth-privacy a,.store-auth-footer a { color:#0066cc; }
.store-auth-privacy a:hover,.store-auth-footer a:hover { text-decoration:underline; }
.store-auth-card .form-alert { margin-bottom:20px; border-radius:12px; }
.store-auth-card .auth-symbol { margin-bottom:22px; }
.store-auth-main-single { width:min(100% - 40px,520px); grid-template-columns:1fr; }
.store-auth-card-wide { width:100%; }
.store-auth-card .auth-form ul { padding-left:20px; color:#6e6e73; font-size:11px; line-height:1.5; }
.store-auth-footer { width:min(100% - 40px,1200px); margin:0 auto; padding:22px 0 28px; display:flex; justify-content:space-between; gap:24px; color:#86868b; border-top:1px solid #d2d2d7; font-size:11px; }
.store-auth-footer small { max-width:540px; text-align:right; }
@media(max-width:800px){.store-auth-main{width:min(100% - 32px,560px);padding:55px 0;grid-template-columns:1fr;gap:38px}.store-auth-intro{text-align:center}.store-auth-intro h1{font-size:48px}.store-auth-intro>span{margin-inline:auto}.store-auth-footer{flex-direction:column;text-align:center}.store-auth-footer small{max-width:none;text-align:center}}
@media(max-width:520px){.store-auth-main{width:min(100% - 24px,480px);padding:38px 0}.store-auth-intro h1{font-size:39px}.store-auth-intro>span{font-size:16px}.store-auth-card{padding:28px 22px;border-radius:20px}.store-auth-card h1,.store-auth-card h2{font-size:29px}}
