:root{
  --brand:#006d5b;
  --brand-2:#00a389;
  --bg-1:#e8f0f2;
  --card:#ffffff;
  --text:#2a2e33;
  --muted:#6b7280;
}
html,body{height:100%}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";
  background: radial-gradient(1200px 600px at 10% -10%, rgba(0,163,137,0.12), transparent),
              radial-gradient(1000px 500px at 110% 20%, rgba(0,109,91,0.10), transparent),
              linear-gradient(180deg, #f7fafc 0%, #e8f0f2 100%);
  display:flex;align-items:center;justify-content:center;margin:0;color:var(--text);
}
.auth-shell{width:100%;max-width:1060px;padding:24px}
.card-auth{border:0;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.95));
  backdrop-filter:blur(6px);
}
.auth-left{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#ecfdf5;}
.auth-left .brand{display:flex;align-items:center;gap:.75rem;}
.auth-left .brand img{height:42px;width:42px;object-fit:contain;}
.auth-left .hero-copy{margin-top:18px}
.auth-left .hero-copy h2{font-weight:700;line-height:1.2}
.auth-left .hero-copy p{opacity:.9}
.auth-form{padding:42px 28px}
@media(min-width:768px){.auth-form{padding:54px 48px}}
.form-control{border-radius:12px;border:1px solid #dbe0e5;height:46px;}
.form-control:focus{border-color:var(--brand-2);box-shadow:0 0 0 .2rem rgba(0,163,137,.15);}
.input-group .input-group-prepend .input-group-text,
.input-group .input-group-append .input-group-text{
  background:#f6f8fa;border:1px solid #dbe0e5;border-right:0;border-radius:12px 0 0 12px;height:46px;
}
.input-group .input-group-append .input-group-text{border-left:0;border-right:1px solid #dbe0e5;border-radius:0 12px 12px 0}
.btn-brand{background:var(--brand);color:#fff;border-radius:12px;border:0;height:46px;font-weight:600;}
.btn-brand:hover{filter:brightness(1.05);}
.btn-link{color:var(--brand)}
.small-muted{color:var(--muted);font-size:.875rem}
.alert-soft{border-radius:12px;border:0;background:#fff5f5;color:#881337;box-shadow:0 6px 20px rgba(136,19,55,.08)}
.footer-note{font-size:.8rem;color:#6b7280}