  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
    body {
      font-family: 'Poppins', sans-serif;
    }
    .input-field {
      transition: all 0.2s ease;
    }
    .input-field:focus {
      box-shadow: 0 0 0 3px rgba(251, 187, 1, 0.3);
    }
    .password-toggle {
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
    }
    .form-container {
      background: rgba(248, 245, 238, 0.85);
      backdrop-filter: blur(8px);
    }
    .dark .form-container {
      background: rgba(30, 30, 30, 0.85);
      backdrop-filter: blur(8px);
    }
    .social-btn {
      transition: all 0.2s ease;
    }
    .social-btn:hover {
      transform: translateY(-2px);
    }
    .logo-container {
      height: 80px;
      width: auto;
    }
    .split-layout {
      display: flex;
      min-height: 100vh;
    }
    .image-side {
      flex: 1;
      background-image: url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
      background-size: cover;
      background-position: center;
      display: none;
    }
    .dark .image-side {
      background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
                       url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
    }
    .form-side {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
    }
    @media (min-width: 1024px) {
      .image-side {
        display: block;
      }
    }