/* LOGIN — Page-specific styles */

.js-ready .fade.in{opacity:1;transform:none}
@media(max-width:1024px){
  nav{padding:0 20px}
  .nav-center,.nav-right{display:none}
  .nav-hamburger{display:flex;flex-direction:column}
  .page-hero-inner{padding:40px 24px 28px}
  .section{padding:44px 24px}
  .grid-2{grid-template-columns:1fr;gap:40px}
  .grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  footer{padding:48px 24px 0}
  .footer-nav{grid-template-columns:1fr 1fr;gap:32px}
}

.auth-wrap{min-height:auto;display:flex;align-items:center;justify-content:center;padding:32px 24px;margin-top:60px}
.auth-box{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:48px 44px;width:100%;max-width:440px;box-shadow:0 4px 32px rgba(0,0,0,.06)}
.auth-logo{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:32px}
.auth-h{font-size:26px;font-weight:700;color:var(--navy);letter-spacing:-0.03em;text-align:center;margin-bottom:8px}
.auth-sub{font-size:14px;color:var(--text2);text-align:center;margin-bottom:32px}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:13.5px;font-weight:500;color:var(--navy);margin-bottom:7px}
.form-input{width:100%;padding:11px 14px;border:1px solid var(--border2);border-radius:8px;font-size:14.5px;font-family:var(--font);color:var(--navy);background:var(--white);outline:none;transition:border-color .15s,box-shadow .15s}
.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(5,185,250,.1)}
.form-input::placeholder{color:var(--text4)}
.form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.form-check{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text2)}
.form-check input{accent-color:var(--teal)}
.form-forgot{font-size:13.5px;color:var(--teal);text-decoration:none}
.form-forgot:hover{color:var(--navy)}
.auth-btn{width:100%;padding:13px;background:var(--teal);color:var(--navy);font-size:15px;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:background .15s;margin-bottom:20px}
.auth-btn:hover{background:#04a3e0}
.auth-divider{text-align:center;font-size:13px;color:var(--text3);margin-bottom:20px;position:relative}
.auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}
.auth-divider span{background:var(--white);padding:0 12px;position:relative}
.auth-link{display:block;text-align:center;font-size:14px;color:var(--text2);margin-top:24px}
.auth-link a{color:var(--teal);font-weight:500;text-decoration:none}
.auth-link a:hover{color:var(--navy)}

@media(max-width:480px){
  nav{padding:0 16px}
  .nav-brand-name{font-size:17px}
  .nav-drawer{padding:12px 16px 20px}
  .d-item{font-size:13.5px}
  .d-login,.d-signup{padding:11px;font-size:14px}
}

/* ── Login responsive ── */
@media(max-width:600px){
  .auth-wrapper{ padding:32px 16px 24px; }
  .auth-card{ padding:32px 24px; }
}
@media(max-width:380px){
  .auth-card{ padding:28px 16px; }
}