/* КОПІЯ login.css — БЕЗ ЖОДНИХ ЗМІН */

body{
  font-family:Inter,sans-serif;
}

.title{
  text-align:center;
  margin-bottom:20px;
}

.error-box{
  background:#7f1d1d;
  color:#fff;
  padding:10px;
  border-radius:8px;
  margin-bottom:12px;
}

input{
  width:90%;
  padding:12px;
  margin-bottom:12px;
  border-radius:8px;
  border:1px solid #334155;
  background:#020617;
  color:#fff;
}

.password-wrap{
  position:relative;
}

.password-wrap button{
  position:absolute;
  right:10px;
  top:10px;
  background:none;
  border:none;
  color:#9ca3af;
  cursor:pointer;
}
.eye-btn {
    font-size: 1.5em;   /* збільшує значок в 2 рази */
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}
.btn-login {
  width: 80%;
  max-width: 250px;   /* максимальна ширина кнопки в пікселях */
  padding: 12px;
  background: #22c55e;
  color: #022c22;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  display: block;     /* щоб margin auto працювало */
  margin: 0 auto;     /* центроване розміщення */
}


.ad-box{
  display:flex;
  justify-content:center;
  margin:16px 0;
}

.register{
  margin-top:16px;
  text-align:center;
}
.register a{
  color:#38bdf8;
  text-decoration:none;
}