/* ============================================================
   FPLMan redesign — auth pages (sign in / sign up)
   Layout uses the canonical .center-page, .input, .form-label and
   .btn primitives from redesign.css; this file only adds the
   auth-specific card chrome.
   ============================================================ */

.auth-card{width:100%;max-width:408px;}

.auth-head{margin:0 0 22px;text-align:center;}
.auth-title{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0 0 7px;line-height:1.1;}
.auth-sub{font-size:14px;color:var(--text-3);margin:0;}
.auth-sub a{color:var(--green-deep);font-weight:700;}
.auth-sub a:hover{text-decoration:underline;}

.auth-panel{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:26px 24px;
}

.field-group{margin-bottom:16px;}
.field-hint{font-size:12px;color:var(--text-3);margin:6px 0 0;line-height:1.4;}

.auth-divider{height:1px;background:var(--border);margin:22px 0;}
.auth-foot{font-size:13px;color:var(--text-3);text-align:center;margin:0;}
.auth-foot a{color:var(--green-deep);font-weight:700;}
.auth-foot a:hover{text-decoration:underline;}

@media(max-width:760px){
  .auth-title{font-size:23px;}
  .auth-panel{padding:22px 18px;border-radius:var(--radius-md);}
}