/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/login/login.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
:root{
  --radius:22px; --card-w:520px; --gap:16px;
  --text:#1b1f27; --muted:#7a8190; --stroke:#e8ebf2;
  --shadow:0 10px 30px rgba(25,36,84,.12);
}
*{ box-sizing:border-box; }
.login-bg{
  min-height:100vh !important; 
  height:100vh !important;
  display:grid !important; 
  place-items:center !important; 
  padding:20px !important;
  margin:0 !important;
  width:100% !important;
  background:
    radial-gradient(1200px 800px at 20% 20%, #9dd3ff 0%, rgba(157,211,255,0) 60%),
    radial-gradient(1000px 700px at 80% 40%, #c9b7ff 0%, rgba(201,183,255,0) 60%),
    #e9f1ff !important;
}
.login-card{
  width:100% !important; max-width:var(--card-w) !important; background:#fff !important; border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important; padding:36px 40px 28px !important; text-align:center !important;
}
.login-logo{ 
  display:block; 
  margin:0 auto 16px; 
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.login-title{ font-size:22px !important; font-weight:600 !important; color:var(--text) !important; margin:6px 0 8px !important; text-align:center !important; font-family:var(--font-display) !important; }
.login-subtitle{ font-size:14px !important; color:var(--muted) !important; margin:0 0 20px !important; text-align:center !important; font-family:var(--font-primary) !important; }
.login-form{ display:grid !important; gap:var(--gap) !important; text-align:left !important; }
.login-label{ font-size:13px !important; color:var(--text) !important; font-weight:500 !important; margin-bottom:8px !important; display:block !important; font-family:var(--font-primary) !important; }
.login-input{
  width:100% !important; height:44px !important; border:1px solid var(--stroke) !important; border-radius:12px !important;
  padding:0 14px !important; font-size:14px !important; color:var(--text) !important; outline:none !important; background:#fff !important;
  box-sizing:border-box !important;
}
.form-error{ 
  min-height:18px !important; 
  color:#e11d48 !important; 
  font-size:13px !important; 
  margin-top:8px !important;
  text-align:center !important;
}
.login-btn{ height:46px !important; border:0 !important; border-radius:12px !important; background:#000 !important; color:#fff !important; font-weight:600 !important; font-size:15px !important; cursor:pointer !important; margin-top:8px !important; font-family:var(--font-primary) !important; }
.login-footer{ margin-top:14px !important; text-align:center !important; }
.login-btn-secondary{ 
  display:block !important;
  width:100% !important;
  height:46px !important; 
  border:2px solid #000 !important; 
  border-radius:12px !important; 
  background:transparent !important; 
  color:#000 !important; 
  font-weight:700 !important; 
  font-size:15px !important; 
  cursor:pointer !important; 
  text-decoration:none !important;
  padding:0 !important;
  line-height:42px !important;
  transition:all 0.2s !important;
  text-align:center !important;
}
.login-btn-secondary:hover{
  background:#000 !important;
  color:#fff !important;
}
.login-footer-secondary{ margin-top:8px !important; }
.login-link-secondary{ color:#7a8190 !important; text-decoration:none !important; font-size:13px !important; font-weight:500 !important; }
/* --- tighten spacing under fields --- */
.form-error{ margin:6px 0 0; font-size:13px; color:#e11d48; }
/* Skjul helt når tom => ingen ekstra gap */
.form-error:empty{ display:none; }

/* Knapp litt nærmere feltene */
.login-btn{ margin-top:6px; }

/* Responsiv logo */
@media (max-width: 480px) {
  .login-logo {
    max-width: 200px;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/forgot-password/forgot-password.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import login styles */

/* Custom styles for forgot password page */
.forgot-password-header {
  text-align: center;
  margin-bottom: 32px;
}

.message {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}

.message.success {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

.message.error {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

.message i {
  font-size: 16px;
}

/* Fix spacing for forgot password button icons */
.login-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}