/* login-dark.css – Cyber Dark Web Style */

body.login form {
  background: #071e26 !important; /* match outer box */
  border: 1px solid #00ffe1 !important;
  box-shadow: 0 0 25px #00ffe177 !important;
  padding: 20px;
  border-radius: 8px;
  color: #00ffe1;
}

.telegram-login-btn img {
  vertical-align: middle;
  margin-right: 8px;
  height: 18px;
}
.telegram-login-btn {
  font-size: 14px;
  padding: 9px 0;
}


body.login {
  background-color: #0a0a0a !important;
  color: #00ffcc !important;
  font-family: 'Courier New', monospace;
}

body.login #login {
  width: 320px;
  padding: 40px;
  margin: 60px auto;
  background: #111;
  border: 1px solid #00ffcc;
  border-radius: 6px;
  box-shadow: 0 0 20px #00ffcc66;
}

body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"] {
  background: #111 !important;
  color: #00ffcc !important;
  border: 1px solid #00ffcc !important;
  font-family: monospace;
}

body.login input[type="submit"] {
  background: #00ffcc !important;
  color: #000 !important;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 10px #00ffcc66;
  transition: 0.2s ease-in-out;
}
body.login input[type="submit"]:hover {
  background: #00ffaa !important;
  box-shadow: 0 0 20px #00ffaaaa;
}


body.login h1 a {
  background-image: url('https://www.cardingbay.com/wp-content/uploads/2025/07/Image-Jul-16-2025-12_15_56-PM.png') !important;
  background-size: contain !important;
  width: 100%;
  height: 80px;
  display: block;
}

body.login .message,
body.login .success,
body.login .error {
  background: #222 !important;
  border-left: 4px solid #00ffcc !important;
  color: #00ffcc !important;
  padding: 10px 14px !important;
}

body.login label {
  color: #00ffcc !important;
}

body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"] {
  background: #000;
  color: #00ffcc;
  border: 1px solid #00ffcc;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}

body.login input[type="submit"] {
  background: #00ffcc;
  color: #000;
  border: none;
  padding: 10px;
  font-weight: bold;
  width: 100%;
  cursor: pointer;
  box-shadow: 0 0 5px #00ffcc;
  transition: 0.3s ease;
}

body.login input[type="submit"]:hover {
  background: #00ffaa;
  color: #000;
}

.login #backtoblog a,
.login #nav a {
  color: #00ffcc !important;
  text-shadow: none;
}

.login #nav {
  margin-top: 20px;
}

body.login a:hover {
  color: #00ffaa !important;
}