/* Skin: default — ftx login (faithful reproduction of branch ftx). */

    :root {
      --bg: #0a0a0f;
      --panel: #12121a;
      --border: #1e1e2e;
      --text: #c0c0d0;
      --accent: #4a9eff;
      --green: #00ff88;
      --red: #ff4444;
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      background: url('/static/login_bg.jpg') center/cover no-repeat fixed;
      color: var(--text);
      font-family: 'JetBrains Mono', 'SF Mono', monospace;
      font-size: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
    }
    .card {
      background: rgba(10, 10, 15, 0.75);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 8px;
      padding: 32px 36px;
      width: 320px;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    h1 {
      font-size: 14px;
      color: var(--accent);
      letter-spacing: 1px;
      text-align: center;
    }
    .form-group {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    label {
      font-size: 11px;
      color: #888;
    }
    input[type="text"],
    input[type="password"] {
      background: rgba(10, 10, 15, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: var(--text);
      padding: 7px 10px;
      border-radius: 4px;
      font-family: inherit;
      font-size: 13px;
      outline: none;
      width: 100%;
    }
    input:focus { border-color: var(--accent); }
    button[type="submit"] {
      background: var(--accent);
      border: none;
      color: #000;
      padding: 8px;
      border-radius: 4px;
      font-family: inherit;
      font-size: 13px;
      font-weight: bold;
      cursor: pointer;
      width: 100%;
    }
    button[type="submit"]:hover { opacity: 0.9; }
    button[type="submit"]:disabled { opacity: 0.5; cursor: not-allowed; }
    .error {
      color: var(--red);
      font-size: 11px;
      text-align: center;
      min-height: 16px;
    }