:root {
  --bg: #0a0a12;
  --bg-panel: rgba(16, 18, 32, 0.62);
  --cyan: #00f3ff;
  --magenta: #ff0055;
  --green: #00ff66;
  --amber: #ffb300;
  --text: #d7e6ef;
  --text-dim: #7d8ba3;
  --grid-line: rgba(0, 243, 255, 0.06);
}

* { box-sizing: border-box; }
body {
  margin: 0; padding: 0;
  background: var(--bg); color: var(--text);
  font-family: 'Rajdhani', sans-serif; font-size: 16px; min-height: 100vh;
}

body::before {
  content: ""; position: fixed; inset: 0;
  background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 42px 42px; pointer-events: none; z-index: 0;
}

.glass {
  background: var(--bg-panel); backdrop-filter: blur(14px);
  border: 1px solid rgba(0, 243, 255, 0.22); border-radius: 6px;
}

.btn {
  font-family: 'Orbitron', sans-serif; font-size: 0.72rem; letter-spacing: 1px;
  padding: 12px 22px; background: transparent; border: 1px solid var(--cyan);
  color: var(--cyan); border-radius: 3px; cursor: pointer; text-transform: uppercase;
}

.btn:hover { background: rgba(0, 243, 255, 0.1); box-shadow: 0 0 14px rgba(0, 243, 255, 0.55); }
.btn.solid { background: var(--cyan); color: #001014; font-weight: 700; }
.login-input {
  width: 100%; padding: 12px; margin-bottom: 14px;
  background: rgba(0,0,0,0.35); border: 1px solid rgba(255,255,255,0.15);
  color: var(--text); border-radius: 4px; font-family: 'Share Tech Mono', monospace;
}