:root{ --brand:#1F3253; --brand-hex:#1F3253; --card-bg:#fff; --card-br:14px; --card-bc:#E7EEF7; }
form.form-card{ width:min(720px,92vw); margin:32px auto; background:var(--card-bg); border:1px solid var(--card-bc); border-radius:var(--card-br); padding:24px 26px; box-shadow:0 6px 20px rgba(0,0,0,.05); }
form.form-card .field{ margin:10px 0 14px }
form.form-card label{ display:block; font-weight:600; color:#13243E; margin:0 0 6px 2px; font-size:14px; }
form.form-card input,form.form-card select,form.form-card textarea{ width:100%; box-sizing:border-box; border:1px solid #D6DFEA; border-radius:10px; padding:10px 12px; font-size:14px; background:#F7FAFF; }
form.form-card input:focus,form.form-card select:focus,form.form-card textarea:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 2px ; }
.pw-wrap{ position:relative; display:flex; align-items:center }
.pw-wrap>input{ padding-right:40px }
.pw-eye{ position:absolute; right:8px; top:50%; transform:translateY(-50%); border:0; background:#EEF4FF; color:#1C2E4D; border-radius:8px; width:32px; height:32px; display:grid; place-items:center; cursor:pointer }
.pw-wrap.pw-show .pw-eye{ background:#EAF2FF }
button,.btn,.btn-primary,a.button,a.btn{ background:var(--brand)!important; color:#fff!important; border-color:var(--brand)!important; border-radius:10px; padding:10px 16px; font-weight:600 }
 /* forms-upgrade:auto:start */
 :root{ --brand: #1F3253; }

 form.form-card{
   max-width: 720px;
   margin: 24px auto;
   padding: 24px;
   background:#fff;
   border:1px solid rgba(0,0,0,.06);
   box-shadow: 0 10px 30px rgba(0,0,0,.06);
   border-radius: 14px;
 }
 form.form-card .field,
 form.form-card p,
 form.form-card .form-row { margin-bottom: 16px; }

 form.form-card label{
   display:block;
   font-weight:600;
   color:#111827;
   margin-bottom:6px;
 }
 form.form-card input,
 form.form-card select,
 form.form-card textarea{
   width:100%;
   padding:10px 12px;
   border:1px solid #CBD5E1;
   border-radius:10px;
   outline:none;
   transition: box-shadow .15s, border-color .15s;
   background:#fff;
 }
 form.form-card input:focus,
 form.form-card select:focus,
 form.form-card textarea:focus{
   border-color: #1F3253;
   box-shadow: 0 0 0 3px #1F325333;
 }

 /* eye toggle wrapper */
 .pw-eye-wrap{ position:relative; display:block; }
 .pw-eye-wrap input[type="password"],
 .pw-eye-wrap input[type="text"]{ padding-right:42px; }
 .pw-eye{
   position:absolute; right:10px; top:50%; transform:translateY(-50%);
   border:0; background:transparent; cursor:pointer; font-size:18px;
   line-height:1; padding:2px 4px; border-radius:6px;
 }
 .pw-eye:hover{ background:#F1F5F9; }
 .pw-eye-wrap.pw-show .pw-eye{ opacity:.9; }

 /* two-column helper (mobile-first) */
 .form-grid{ display:grid; gap:14px; }
 @media (min-width: 768px){
   .form-grid.cols-2{ grid-template-columns: 1fr 1fr; }
 }

 /* CTA buttons keep brand */
 .btn, .btn-primary, button[type="submit"], a.btn{
   background:#1F3253 !important; color:#fff !important; border-color:#1F3253 !important;
 }
 /* forms-upgrade:auto:end */