body {
            font-family: 'Inter', sans-serif;
            background-color: #f8f9fa;
        }

        .bg-gradient-primary {
            background: linear-gradient(135deg, #4f46e5 0%, #4338ca 50%, #3730a3 100%);
        }

        .text-primary {
            color: #4f46e5 !important;
        }

        .form-control {
            height: 3rem;
            border-color: #dee2e6;
        }

        .form-control:focus {
            box-shadow: none;
            border-color: #4f46e5;
        }

        .btn-primary {
            background-color: #4f46e5;
            border-color: #4f46e5;
            height: 3rem;
            font-weight: 500;
        }

        .btn-primary:hover,
        .btn-primary:focus {
            background-color: #4338ca;
            border-color: #4338ca;
        }

        .btn-outline {
            border: 1px solid #dee2e6;
            background: white;
            color: #212529;
            height: 3rem;
            font-weight: 500;
        }

        .btn-outline:hover {
            background: #f8f9fa;
        }

        .floating-characters-container {
            position: relative;
            width: 550px;
            height: 400px;
            transform: scale(0.9);
        }

        @media (max-width: 1400px) {
            .floating-characters-container {
                transform: scale(0.75);
            }
        }

        .auth-card {
            max-width: 420px;
            width: 100%;
        }

        .grid-bg {
            background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px);
            background-size: 20px 20px;
        }