/* Login / Sign up / Forgot password: smaller text + blended look. Layout is NOT changed. */
.brand-copy h1{font-size:24px !important;line-height:1.2;font-weight:900;letter-spacing:-.3px}
.brand-copy p{font-size:13px !important;line-height:1.55;opacity:.92}
.brand-foot{font-size:11px !important;opacity:.8}

.form-panel .card{position:relative;overflow:hidden;border-radius:26px !important;padding:24px 20px 20px !important;border:1px solid rgba(20,128,138,.18) !important;
  background:linear-gradient(160deg,rgba(47,184,166,.14) 0%,rgba(255,255,255,.93) 40%,rgba(255,255,255,.97) 100%) !important;
  box-shadow:0 22px 48px rgba(14,79,82,.16),0 1px 0 rgba(255,255,255,.9) inset !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.form-panel .card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#2FB8A6,#14808A,#F0B429)}
.form-panel .card h2{font-size:19px !important;font-weight:900;color:#0E4F52;margin:2px 0 4px}
.form-panel .card .sub,.modal-box .sub{font-size:12.5px !important;color:#5b7077;line-height:1.5;margin:0 0 16px}

/* fields */
.field{margin-bottom:12px}
.field label,.info-grid .item > label{display:block;font-size:10.5px !important;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#14808A;margin-bottom:5px}
.form-panel input[type=text],.form-panel input[type=password],.form-panel input[type=email],.form-panel input[type=tel],.form-panel input[type=date],
.modal-box input[type=text],.modal-box input[type=password],.modal-box input[type=email],.modal-box input[type=tel]{
  width:100%;box-sizing:border-box;padding:11px 14px !important;border-radius:14px !important;font-size:14px !important;font-family:inherit;color:#16343a;
  background:rgba(255,255,255,.96) !important;border:1px solid rgba(20,128,138,.28) !important;outline:0;transition:border-color .15s,box-shadow .15s}
.form-panel input:focus,.modal-box input:focus{border-color:#2FB8A6 !important;box-shadow:0 0 0 3px rgba(47,184,166,.22)}
.password-wrap{position:relative}
.password-wrap input{padding-right:44px !important}
.hint{font-size:11px !important;color:#5b7077;line-height:1.45;margin-top:4px}
.match-note{font-size:11.5px;font-weight:700;margin-top:4px}
.rule-list{margin-top:6px;display:flex;flex-direction:column;gap:3px}
.rule{font-size:11.5px !important;font-weight:700}
.row-2{gap:10px}
.checkbox-line,.terms-block{font-size:12px !important;color:#16343a;display:flex;align-items:flex-start;gap:8px}
.checkbox-line label,.terms-block label{font-size:12px !important;text-transform:none !important;letter-spacing:0 !important;color:#16343a !important;font-weight:600 !important;margin:0 !important}
.terms-block{padding:8px 10px;margin-bottom:8px;border-radius:12px;background:rgba(47,184,166,.08);border:1px solid rgba(20,128,138,.12)}
input[type=checkbox]{accent-color:#14808A}
.terms-block a,.alt-link a,.form-panel a{color:#14808A;font-weight:800}

/* buttons */
.btn-primary{width:100%;padding:13px 18px !important;border-radius:999px !important;border:0 !important;font-size:14px !important;font-weight:900;font-family:inherit;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#2FB8A6,#14808A 60%,#0E4F52) !important;box-shadow:0 10px 22px rgba(20,128,138,.32)}
.btn-primary:disabled{opacity:.55;box-shadow:none}
.btn-small{padding:10px 18px;border-radius:999px !important;font-size:12.5px;font-weight:800;font-family:inherit;cursor:pointer;color:#0E4F52;background:#fff;border:1px solid rgba(20,128,138,.3) !important}
.alt-link{font-size:12.5px !important;color:#5b7077;text-align:center;margin-top:14px}

/* sign-up steps */
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px !important}
@media(max-width:340px){.info-grid{grid-template-columns:1fr}}
.wizard-actions{display:flex;gap:10px;margin-top:14px}
.wizard-actions .btn-primary{flex:1}
.info-grid .item .value{font-size:13px;font-weight:700;color:#16343a;word-break:break-word}
#step4 .info-grid .item{padding:8px 11px;border-radius:13px;background:rgba(255,255,255,.88);border:1px solid rgba(20,128,138,.13)}

/* popups on the login page */
.modal-box{border-radius:24px !important;padding:22px 18px !important;background:linear-gradient(170deg,#e6f7f3,#fff 40%) !important;border:1px solid rgba(20,128,138,.2) !important;box-shadow:0 24px 60px rgba(10,40,44,.4) !important}
.modal-box > h2{font-size:17px !important;font-weight:900;color:#0E4F52}