@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;600;700&display=swap');

body {
  font-family: 'Hind Siliguri', sans-serif;
  background: linear-gradient(135deg, #d1fae5, #f0fdf4); /* সুন্দর gradient background */
}

/* সুন্দর Auth Card */
.auth-card {
  background: white;
  border-radius: 30px; /* গোলাকার বক্স */
  box-shadow: 0 20px 50px rgba(6, 78, 59, 0.15); /* সুন্দর shadow */
  position: relative;
  overflow: hidden;
}

/* Input field */
.input-field {
  width: 100%;
  padding: 12px 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  outline: none;
  transition: all 0.3s ease;
}
.input-field:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.1);
}

/* Primary button */
.btn-primary {
  width: 100%;
  background: #059669;
  color: white;
  padding: 16px;
  border-radius: 12px;
  font-weight: bold;
  font-size: 1.1rem;
  box-shadow: 0 4px 10px rgba(5, 150, 105, 0.3);
  transition: all 0.3s ease;
}
.btn-primary:hover {
  background: #047857;
}

/* Password toggle icon */
.toggle-password {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #64748b;
  padding: 5px;
}