body {
      background: linear-gradient(135deg, #eef2f3 0%, #dfe9f3 100%);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Inter', sans-serif;
    }
    .register-card,
    .login-card {
      background: #ffffffcc;
      backdrop-filter: blur(12px);
      border-radius: 1rem;
      padding: 2.5rem;
      border: 1px solid #e0e0e0;
      box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    }
    .form-control {
      border-radius: 0.25rem;
      border: 1px solid #ced4da;
      transition: border-color 0.2s, box-shadow 0.2s;
    }
    .form-control:focus {
      border-color: #007bff;
      box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
    }
    .btn-primary {
      background-color: #007bff;
      border-color: #007bff;
      font-weight: 500;
    }
    .btn-primary:hover {
      background-color: #0069d9;
      border-color: #0062cc;
    }
    .text-center a {
      color: #007bff;
      text-decoration: none;
    }
    .text-center a:hover {
      text-decoration: underline;
    }