@font-face {
  font-family: 'Inter';
  src: url('/custom-themes/fonts/inter-latin.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
}

body { font-family: 'Inter', sans-serif !important; background: #3a3535 !important; }
#rl-content { background: #3a3535 !important; }
.loginFormWrap {
  background: #453f3f !important;
  border: 1px solid #5c5555 !important;
  border-radius: 12px !important;
  box-shadow: 0 0 40px rgba(0,255,255,0.05) !important;
  color: #f0f0f0 !important;
}
.loginFormWrap::before {
  content: 'marcosbernal.com mail';
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  color: #00ffff;
  text-align: center;
  letter-spacing: -0.02em;
  margin-bottom: 0.25rem;
}
.loginFormWrap::after {
  content: '"Words travel worlds."';
  display: block;
  font-style: italic;
  font-size: 0.78rem;
  color: rgba(0,255,255,0.5);
  text-align: center;
  margin-bottom: 1.5rem;
}
.loginFormWrap input {
  background: #3a3535 !important;
  border: 1px solid #5c5555 !important;
  color: #f0f0f0 !important;
  border-radius: 8px !important;
}
.loginFormWrap input:focus {
  border-color: #00ffff !important;
  box-shadow: 0 0 0 3px rgba(0,255,255,0.1) !important;
}
.buttonLogin {
  background: rgba(0,255,255,0.1) !important;
  border: 1px solid rgba(0,255,255,0.3) !important;
  color: #00ffff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
.loginFormWrap label, .loginFormWrap .e-checkbox span { color: #aaa !important; }