* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: #0f172a; }

.form-label { font-size: .9rem; font-weight: 600; color: #334155; margin-bottom: .42rem; }
.form-control, .form-select {
  min-height: 44px; border-radius: 10px; border-color: #dbe3ee; color: #0f172a; font-size: .95rem; box-shadow: none;
}
.form-control:focus, .form-select:focus { border-color: #0a66ff; box-shadow: 0 0 0 .18rem rgba(10, 102, 255, .12); }
.form-text { color: #64748b; font-size: .82rem; margin-top: .35rem; }
.btn { border-radius: 10px; font-weight: 600; }
.btn-primary { background: linear-gradient(90deg, #0a66ff, #0050d9); border: 0; box-shadow: 0 8px 18px rgba(10, 102, 255, .16); }

/* Login */
.nortemail-login-page {
  min-height: 100vh;
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.09), transparent 32%), linear-gradient(135deg, #0a66ff 0%, #0046a6 52%, #087f8c 100%);
  display: flex; align-items: center; justify-content: center;
}
.nortemail-login-shell { width: min(1200px, 96vw); display: grid; grid-template-columns: 1fr 460px; gap: 70px; align-items: center; }
.nortemail-login-left { color: #fff; }
.nortemail-logo-area img { max-width: 330px; margin-bottom: 70px; }
.nortemail-headline { font-size: 54px; font-weight: 900; line-height: 1.05; letter-spacing: -0.05em; }
.nortemail-headline span { color: #29c65a; }
.nortemail-divider { width: 54px; height: 5px; background: #29c65a; border-radius: 8px; margin: 35px 0; }
.nortemail-feature-list { display: grid; gap: 24px; }
.nortemail-feature-item { display: flex; align-items: center; gap: 18px; }
.nortemail-feature-icon { width: 52px; height: 52px; border-radius: 999px; border: 1px solid rgba(41,198,90,.5); display: flex; align-items: center; justify-content: center; color: #29c65a; font-size: 24px; }
.nortemail-feature-item strong { font-size: 18px; }
.nortemail-feature-item p { margin: 5px 0 0; opacity: .85; }

.nortemail-login-card { background: #fff; border-radius: 28px; padding: 44px; box-shadow: 0 30px 70px rgba(0,0,0,.2); }
.nortemail-brand { text-align: center; margin-bottom: 32px; }
.nortemail-brand-logo { display: block; width: min(100%, 340px); height: auto; margin: 0 auto; object-fit: contain; }
.nortemail-field { margin-bottom: 18px; }
.nortemail-field label { display:block; font-weight:700; margin-bottom:8px; color:#172554; }
.nortemail-field input { width:100%; height:52px; border:1px solid #dbe3ee; border-radius:12px; padding:0 14px; font-size:16px; }
.nortemail-button { width:100%; height:52px; border:0; border-radius:12px; background:linear-gradient(90deg,#0a66ff,#0050d9); color:#fff; font-size:16px; font-weight:800; margin-top:8px; }
.nortemail-alert { background:#fee2e2; color:#991b1b; padding:12px; border-radius:12px; margin-bottom:18px; }
.nortemail-card-footer { border-top:1px solid #e2e8f0; margin-top:30px; padding-top:20px; text-align:center; color:#64748b; }
.nortemail-card-footer span { color:#29c65a; font-weight:800; }

@media(max-width: 900px) { .nortemail-login-shell { grid-template-columns: 1fr; gap: 25px; } .nortemail-login-left { display:none; } }


/* =========================================================
   Identidade visual - Login mais clean/compacto
   ========================================================= */
.nortemail-login-card {
  padding: 32px 40px 30px 40px;
}

.nortemail-brand {
  margin-bottom: 22px;
}

.nortemail-card-footer {
  margin-top: 22px;
  padding-top: 16px;
}

@media(max-width: 576px) {
  .nortemail-login-card {
    padding: 28px 24px;
  }
}


/* =========================================================
   Identidade visual - Ajustes pontuais da tela de login
   - Rodapé sem texto aplicacao
   - Slogan abaixo da logomarca
   - Menor distância entre logo e campos
   ========================================================= */
.nortemail-brand {
  margin-bottom: 16px;
}

.nortemail-brand-slogan {
  margin-top: 6px;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

.nortemail-card-footer {
  font-size: 14px;
  line-height: 1.35;
}


/* =========================================================
   Identidade visual - Correção de espaçamento da marca no Login
   - Aproxima a frase da logomarca
   - Aumenta e escurece a frase
   - Reduz espaço visual superior do bloco da marca
   - Mantém restante da tela inalterado
   ========================================================= */
.nortemail-login-card {
  padding-top: 30px;
}

.nortemail-brand {
  margin-bottom: 14px;
}

.nortemail-brand-logo {
  width: min(100%, 352px);
  margin-bottom: -22px;
}

.nortemail-brand-slogan {
  margin-top: 0;
  margin-bottom: 18px;
  color: #3f5170;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
}

@media(max-width: 576px) {
  .nortemail-login-card {
    padding-top: 26px;
  }

  .nortemail-brand-logo {
    width: min(100%, 330px);
    margin-bottom: -20px;
  }

  .nortemail-brand-slogan {
    font-size: 15px;
    margin-bottom: 16px;
  }
}

/* =========================================================
   Identidade visual - Ajuste fino do bloco da marca no Login
   - Aproxima a frase "slogan da aplicacao" da logomarca
   - Aumenta a distância entre frase e primeiro input
   - Mantém restante da tela inalterado
   ========================================================= */
.nortemail-brand {
  margin-bottom: 24px;
}

.nortemail-brand-logo {
  margin-bottom: -38px;
}

.nortemail-brand-slogan {
  margin-top: -2px;
  margin-bottom: 30px;
}

@media(max-width: 576px) {
  .nortemail-brand {
    margin-bottom: 22px;
  }

  .nortemail-brand-logo {
    margin-bottom: -34px;
  }

  .nortemail-brand-slogan {
    margin-top: -2px;
    margin-bottom: 28px;
  }
}

/* =========================================================
   Identidade visual - Correção final do bloco da marca no Login
   - Frase praticamente colada à logomarca
   - Maior respiro entre a frase e os inputs
   - Mantém restante da tela inalterado
   ========================================================= */
.nortemail-brand {
  margin-bottom: 0;
}

.nortemail-brand-logo {
  margin-bottom: -70px;
}

.nortemail-brand-slogan {
  margin-top: 0;
  margin-bottom: 44px;
}

@media(max-width: 576px) {
  .nortemail-brand {
    margin-bottom: 0;
  }

  .nortemail-brand-logo {
    margin-bottom: -62px;
  }

  .nortemail-brand-slogan {
    margin-top: 0;
    margin-bottom: 40px;
  }
}

/* =========================================================
   Identidade visual - Ajustes finais do Login
   - Aproxima um pouco mais a frase da logomarca
   - Aumenta a distância entre os inputs e o botão Entrar
   - Mantém restante da tela inalterado
   ========================================================= */
.nortemail-brand-logo {
  margin-bottom: -76px;
}

.nortemail-brand-slogan {
  margin-top: -4px;
  margin-bottom: 44px;
}

.nortemail-button {
  margin-top: 26px;
}

@media(max-width: 576px) {
  .nortemail-brand-logo {
    margin-bottom: -68px;
  }

  .nortemail-brand-slogan {
    margin-top: -4px;
    margin-bottom: 40px;
  }

  .nortemail-button {
    margin-top: 24px;
  }
}


/* Identidade visual - Ajuste final slogan login */
.nortemail-brand-slogan{
  margin-top:-10px !important;
  margin-bottom:44px !important;
  font-weight:400 !important;
}