.gradient-bg {
            background: linear-gradient(135deg, #86efac 0%, #166534 100%);
        }

        .signup-card {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .input-field:focus {
            border-color: #22c55e;
            box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
        }

        .progress-bar {
            height: 4px;
            transition: width 0.3s ease;
        }

        .password-strength-0 {
            width: 20%;
            background-color: #ef4444;
        }

        .password-strength-1 {
            width: 40%;
            background-color: #f59e0b;
        }

        .password-strength-2 {
            width: 60%;
            background-color: #84cc16;
        }

        .password-strength-3 {
            width: 80%;
            background-color: #22c55e;
        }

        .password-strength-4 {
            width: 100%;
            background-color: #166534;
        }