:root{
  --blue:#2563eb;
  --violet:#7c3aed;
  --pink:#db2777;
  --bg:#f6f7fb;
  --card:#ffffff;
  --bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

body{background:var(--bg);}

.auth-page{ min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--bg-gradient); padding:20px; box-sizing:border-box; }

.voruto-login{
  max-width:560px;
  width:100%;
  margin:0 auto;
  background:var(--card);
  padding:40px;
  border-radius:24px;
  box-shadow:0 30px 60px rgba(0,0,0,.1);
}

.voruto-login h2{text-align:center;margin-bottom:10px;}
.voruto-login p.subtitle{text-align:center;color:#64748b;margin-bottom:30px;}

.voruto-login label{font-weight:600;font-size:.9rem;}
.voruto-login input{
  width:100%;
  padding:12px 14px;
  margin-top:6px;
  margin-bottom:20px;
  border-radius:12px;
  border:1px solid #e5e7eb;
}

.voruto-login button[type="submit"]{
  width:100%;
  padding:14px;
  background:#2563eb;
  color:#fff;
  border:none;
  border-radius:14px;
  font-weight:700;
  cursor:pointer;
  font-size:15px;
  transition:0.2s;
}
.voruto-login button[type="submit"]:hover { filter:brightness(1.08); }

.voruto-login .links{
  text-align:center;
  margin-top:22px;
  font-size:.9rem;
}

.voruto-login .links a{color:var(--blue);text-decoration:none;font-weight:600;}

.error-box{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px;margin-bottom:20px;}

/* Eye toggle */
.pass-wrap { position: relative; }
.pass-wrap input { margin-bottom: 20px; padding-right: 44px; }
.pass-eye {
  position: absolute; right: 10px; top: 50%; transform: translateY(-70%);
  background: none; border: none; cursor: pointer; color: #94a3b8;
  padding: 4px; line-height: 0; border-radius: 4px;
}
.pass-eye:hover { color: #2563eb; }
.pass-eye svg { display: block; }