:root{ --card:#fff; --radius:16px; --space:24px; --text:#0f172a; }
body{ margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:#f5f5f5; color:var(--text); min-height:100vh; display:grid; place-items:center; padding:24px }
.wrap{ max-width:520px; width:100% }
.card{ background:var(--card); border-radius:var(--radius); padding:24px; box-shadow:0 10px 30px rgba(16,24,40,0.08); border:1px solid #d4af37 }
h1{ margin:0 0 6px; font-size:22px }
p{ margin:0 0 16px; color:#55657e; font-size:14px }
label{ font-size:14px; font-weight:600; display:block; margin:10px 0 6px }
.input{ width:100%; padding:12px; border:1px solid #ccc; border-radius:8px; font-size:15px; transition:border .2s, box-shadow .2s }
.input:focus{ border-color:#d4af37; box-shadow:0 0 6px rgba(212,175,55,.4); outline:0 }
.btn{ display:block; width:100%; padding:12px; border:none; border-radius:8px; font-size:16px; font-weight:600; color:#fff; cursor:pointer;
      background:linear-gradient(90deg,#d4af37,#c5a028); box-shadow:0 4px 10px rgba(0,0,0,.15); transition:all .2s }
.btn:hover{ background:linear-gradient(90deg,#c5a028,#a8891f); transform:translateY(-2px) }
.alert{ border-radius:12px; padding:12px 14px; font-size:14px; line-height:1.35; border:1px solid; background:#fff; margin:12px 0 }
.alert.error{ color:#b42318; border-color:#ffd5d1; background:#fff2f1 }
.alert.info{ color:#126e2f; border-color:#cde7d6; background:#eef9f1 }
.help{ display:flex; justify-content:space-between; align-items:center; margin-top:8px; font-size:13px }
.help a{ color:#0a5bd9; font-weight:600; text-decoration:none }
.help a:hover{ text-decoration:underline }
/* еднакво мерене на ширини */
* { box-sizing: border-box; }

/* използваме твоя стил; добавяме само рамка на .card */
:root{ --card:#fff; --radius:16px; --space:24px; --text:#0f172a; }
body{ margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:#f5f5f5; color:var(--text); min-height:100vh; display:grid; place-items:center; padding:24px }
.wrap{ max-width:520px; width:100% }
.card{ background:var(--card); border-radius:var(--radius); padding:24px; box-shadow:0 10px 30px rgba(16,24,40,0.08); border:1px solid #d4af37 }
h1{ margin:0 0 6px 0; font-size:22px }
p{ margin:0 0 16px 0; color:#55657e; font-size:14px }
label{ font-size:14px; font-weight:600; display:block; margin:10px 0 6px }
.input{ width:100%; padding:12px; border:1px solid #ccc; border-radius:8px; font-size:15px; transition:border .2s, box-shadow .2s }
.input:focus{ border-color:#d4af37; box-shadow:0 0 6px rgba(212,175,55,.4); outline:0 }
.btn{ display:block; width:100%; padding:12px; border:none; border-radius:8px; font-size:16px; font-weight:600; color:#fff; cursor:pointer;
      background:linear-gradient(90deg,#d4af37,#c5a028); box-shadow:0 4px 10px rgba(0,0,0,.15); transition:all .2s }
.btn:hover{ background:linear-gradient(90deg,#c5a028,#a8891f); transform:translateY(-2px) }
.alert{ border-radius:12px; padding:12px 14px; font-size:14px; line-height:1.35; border:1px solid; background:#fff; margin:12px 0 }
.alert.error{ color:#b42318; border-color:#ffd5d1; background:#fff2f1 }
.alert.info{ color:#126e2f; border-color:#cde7d6; background:#eef9f1 }
.help{ display:flex; justify-content:space-between; align-items:center; margin-top:8px; font-size:13px }
.help a{ color:#0a5bd9; font-weight:600; text-decoration:none }
.help a:hover{ text-decoration:underline }
/* еднакво мерене на ширини */
* { box-sizing: border-box; }

/* разлепяне поле/бутон и фиксирана колона */
.card form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;                 /* отстояние между input и бутона */
  margin: 0;
}

/* еднакви ширини */
.card form .input,
.card form .btn {
  display: block;
  width: 100%;
}

/* по избор: еднакви ъгли за визуално изравняване */
.card form .input { border-radius: 8px; }
.card form .btn   { border-radius: 8px; }