.auth-section{
  min-height:calc(100vh - 76px);
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 140% at 20% 0%, var(--navy-2), var(--navy) 60%);
  padding:50px 20px;
}
.auth-card{
  width:100%;max-width:440px;background:#fff;border-radius:18px;padding:36px 34px;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.5);
}
.auth-head{text-align:center;margin-bottom:28px}
.auth-icon{font-size:34px;display:block;margin-bottom:10px}
.auth-head h1{font-size:22px;font-weight:900;margin-bottom:8px}
.auth-head p{font-size:13.5px;color:var(--gray)}

.auth-form .field{margin-bottom:16px}
.auth-form label{display:block;font-size:13.5px;font-weight:700;margin-bottom:7px}
.input-box{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:13.5px;outline:none;transition:border-color .15s ease}
.input-box:focus{border-color:var(--blue)}
.select-box{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:13.5px;display:flex;align-items:center;justify-content:space-between;background:#fff}

.auth-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:13px}
.checkbox{display:flex;align-items:center;gap:8px;color:var(--gray);cursor:pointer}
.checkbox.terms{margin-bottom:18px;line-height:1.7;align-items:flex-start}
.checkbox input{margin-top:2px}
.link{color:var(--blue);font-weight:600}

.btn-block{width:100%}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--gray);font-size:12.5px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line)}
.btn-social{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:13.5px}
.btn-social span{width:20px;height:20px;border-radius:50%;background:#4285F4;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:900}
.btn-social:hover{background:var(--bg-soft)}

.auth-switch{text-align:center;font-size:13.5px;color:var(--gray);margin-top:22px}
.auth-switch a{color:var(--blue);font-weight:700}

.demo-hint{margin-top:20px;background:#f6f8fb;border:1px dashed var(--line);border-radius:10px;padding:12px 14px;text-align:center;font-size:11.5px;color:var(--gray);display:flex;flex-direction:column;gap:4px}
.demo-hint strong{color:var(--ink);font-size:12px}