body.auth-page{
  min-height:100vh;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 16px;
  background:
    radial-gradient(circle at top left, rgba(212,169,79,.18), transparent 28%),
    radial-gradient(circle at bottom right, rgba(15,95,85,.16), transparent 32%),
    linear-gradient(160deg, #f5f1e7 0%, #eef6f3 100%);
  font-family:'Plus Jakarta Sans',sans-serif;
}
.auth-page .auth-card{
  width:min(100%, 480px);
  background:#fff !important;
  color:#16322c;
  border:1px solid rgba(15,95,85,.08);
  padding:34px 28px !important;
  border-radius:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.18);
}
.auth-page .auth-brand{display:flex;justify-content:center;margin-bottom:12px}
.auth-page .auth-brand div{font-size:34px;font-weight:800;letter-spacing:-.04em}
.auth-page .auth-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.auth-page .auth-card-head h2{margin:0 0 8px;font-size:30px;font-weight:800;color:#16322c}
.auth-page .auth-card-head p,.auth-page .auth-note,.auth-page .auth-helper{color:#59716b}
.auth-page .auth-soft-card{padding:16px 18px;border-radius:18px;background:#f7faf9;border:1px solid #e1ece8}
.auth-page .auth-soft-list{display:grid;gap:10px;margin-top:10px}
.auth-page .auth-soft-list span{display:flex;gap:10px;align-items:flex-start;color:#35524b}
.auth-page .auth-form-grid{display:grid;gap:14px}
.auth-page .auth-row-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-page .auth-input-group{position:relative}
.auth-page .auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6f8b84}
.auth-page .form-control,.auth-page .form-select{
  min-height:56px;
  border-radius:16px;
  border:1px solid #d7e2de;
  background:#fcfefd;
  padding-left:46px;
  color:#16322c !important;
}
.auth-page .with-right-action{padding-right:52px}
.auth-page .pwd-toggle{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:36px;height:36px;border:none;border-radius:999px;background:transparent;color:#155e52;
}
.auth-page .pwd-toggle:hover{background:rgba(21,94,82,.08)}
.auth-page .phone-stack{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.auth-page .phone-code-pill{
  min-height:56px;display:flex;align-items:center;justify-content:center;
  padding:0 18px;border-radius:16px;background:#155e52;color:#fff;font-weight:700
}
.auth-page .auth-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-page .auth-check{display:flex;align-items:center;gap:8px;font-size:14px;color:#35524b}
.auth-page .auth-lang-row .btn{border-radius:999px}
.auth-page #submit-btn,
.auth-page #register-submit,
.auth-page .btn.btn-primary{
  min-height:54px;
  border:none !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#155e52 0%,#1f7769 100%) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700;
  box-shadow:0 16px 32px rgba(21,94,82,.20);
}
.auth-page #submit-btn:hover,
.auth-page #submit-btn:focus,
.auth-page #register-submit:hover,
.auth-page #register-submit:focus,
.auth-page .btn.btn-primary:hover,
.auth-page .btn.btn-primary:focus{
  background:linear-gradient(135deg,#104b42 0%,#155e52 100%) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
@media (max-width: 640px){
  .auth-page .auth-row-two,
  .auth-page .phone-stack{grid-template-columns:1fr}
}