body {
      background-image: url('../../assets/img/bg-2025.png');
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      background-position: 10px -35px;
    }
    .form-body {
      background: rgba(255, 255, 255, 0.48);
      border-radius: 20px;
      box-shadow: 0 2px 16px 0 rgba(25, 118, 210, 0.07);
      border: 1.2px solid #e3f2fd;
      padding: 2.1rem 1.5rem 1.2rem 1.5rem;
      margin-bottom: 0.5rem;
      backdrop-filter: blur(7px);
      -webkit-backdrop-filter: blur(7px);
      transition: box-shadow 0.2s, border 0.2s;
    }

    @media (max-width: 600px) {
      .form-body {
        padding: 1.2rem 0.7rem 0.7rem 0.7rem;
      }
    }

    .login-form-group-kaimana {
      background: rgba(255, 255, 255, 0.68);
      border-radius: 16px;
      box-shadow: 0 2px 12px 0 rgba(25, 118, 210, 0.06);
      border: 1.2px solid #e3f2fd;
      padding: 1.2rem 1.1rem 0.7rem 1.1rem;
      margin-bottom: 1.1rem;
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      transition: box-shadow 0.2s, border 0.2s;
    }

    .login-form-group-kaimana:focus-within {
      box-shadow: 0 4px 18px 0 rgba(25, 118, 210, 0.13);
      border-color: #90caf9;
    }

    body.bg-login {
      min-height: 100vh;
      background: linear-gradient(135deg, #e3f2fd 0%, #b2dfdb 100%);
      background-image: url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" viewBox="0 0 1440 900" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1440" height="900" fill="%23e3f2fd"/><path d="M0 700 Q360 800 720 700 T1440 700 V900 H0 Z" fill="%23009688" fill-opacity="0.18"/><path d="M0 600 Q360 700 720 600 T1440 600 V900 H0 Z" fill="%23009688" fill-opacity="0.22"/><circle cx="1200" cy="180" r="90" fill="%23009688" fill-opacity="0.13"/><circle cx="200" cy="120" r="60" fill="%23009688" fill-opacity="0.10"/><ellipse cx="900" cy="800" rx="120" ry="40" fill="%23388e3c" fill-opacity="0.13"/><ellipse cx="400" cy="850" rx="90" ry="30" fill="%231976d2" fill-opacity="0.10"/><text x="50%25" y="160" text-anchor="middle" font-size="48" fill="%231a237e" font-family="Arial" font-weight="bold" opacity="0.08"></text></svg>');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      font-family: 'Roboto', Arial, sans-serif;
        background-image: url('../../assets/img/bg-2025.png');
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      background-position: 10px -35px;
    }

    .card {

      border-radius: 22px;
      background: rgba(255, 255, 255, 0.35);
      box-shadow: 0 8px 32px 0 rgba(26, 35, 126, 0.10), 0 1.5px 8px 0 rgba(0, 150, 136, 0.07);
      border: 1.5px solid rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(12px) saturate(160%);
      -webkit-backdrop-filter: blur(12px) saturate(160%);
      transition: box-shadow 0.3s, border 0.3s;
    }

    .card:hover {
      box-shadow: 0 12px 36px 0 rgba(26, 35, 126, 0.16), 0 2px 12px 0 rgba(0, 150, 136, 0.10);
      border: 1.5px solid rgba(25, 118, 210, 0.18);
    }

    .card-body {
      padding: 2.5rem 2rem 2rem 2rem;
      background: transparent !important;
      box-shadow: none;
    }

    .form-control,
    .input-group-text {
      border-radius: 12px;
      border: 1.2px solid #e0e0e0;
      background: rgba(255, 255, 255, 0.85);
      box-shadow: none;
      font-size: 1.08rem;
    }

    .form-control:focus {
      border-color: #1976d2;
      box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.08);
      background: #fff;
    }

    .input-group-text {
      background: rgba(255, 255, 255, 0.7);
      border-left: 0;
    }

    .form-label {
      color: #1a237e;
      font-weight: 500;
    }

    .btn-success {
      background: linear-gradient(90deg, #43a047 0%, #1976d2 100%);
      border: none;
    }

    .btn-success:hover {
      background: linear-gradient(90deg, #1976d2 0%, #43a047 100%);
    }

    .input-group-text {
      cursor: pointer;
    }

    @media (max-width: 600px) {
      .card {
        box-shadow: 0 2px 8px rgba(26, 35, 126, 0.10);
      }
    }

    .footer-kaimana {
      text-align: center;
      color: #607d8b;
      font-size: 13px;
      margin-top: 30px;
      opacity: 0.85;
    }