body {
      background-color: rgb(50, 75, 146);
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
    }

    /* renamed from .modal to avoid Bootstrap interference */
    .login-modal {
      background: white;
      border-radius: 12px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      padding: 30px 40px;
      width: 360px;
      text-align: center;
    }

    .login-modal h2 {
      margin-bottom: 20px;
      color: rgb(50, 75, 146);
    }

    .login-modal input {
      margin-bottom: 15px;
    }

    .login-return {
      display: block;
      margin-top: 20px;
      color: rgb(50, 75, 146);
      text-decoration: none;
    }

    .login-return:hover {
      text-decoration: underline;
    }