html {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'Poppins', sans-serif;
            transition: background-color 0.3s ease, color 0.3s ease;
        }
        .dark {
            background-color: #1a1a1a;
            color: #f5f5f5;
        }
        .logo-text {
            background: linear-gradient(45deg, #4F46E5, #06B6D4);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .dark .card {
            background-color: #2d2d2d;
            border-color: #3d3d3d;
        }
        .dark .input-field {
            background-color: #333;
            border-color: #444;
            color: #f5f5f5;
        }
        .btn-cta {
            transition: transform 0.2s ease, background-color 0.3s ease;
        }
        .btn-cta:hover {
            transform: scale(1.05);
        }
        .focus-ring:focus {
            outline: 2px solid #4F46E5;
            outline-offset: 2px;
        }