body { font-family: 'Noto Sans KR', sans-serif; }
        
        /* Floating Animation for background blobs */
        @keyframes blob {
            0% { transform: translate(0px, 0px) scale(1); }
            33% { transform: translate(30px, -50px) scale(1.1); }
            66% { transform: translate(-20px, 20px) scale(0.9); }
            100% { transform: translate(0px, 0px) scale(1); }
        }
        .animate-blob {
            animation: blob 7s infinite;
        }
        .animation-delay-2000 { animation-delay: 2s; }
        .animation-delay-4000 { animation-delay: 4s; }

        /* Input Styles */
        .input-group { position: relative; }
        .input-field {
            transition: all 0.2s;
        }
        .input-field:focus {
            border-color: #7C3AED;
            box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
        }

        /* View Transition Classes */
        .view-section {
            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        }
        .hidden-view {
            display: none;
            opacity: 0;
            pointer-events: none;
            transform: translateX(20px);
        }
        .visible-view {
            display: flex;
            opacity: 1;
            pointer-events: auto;
            transform: translateX(0);
        }

        /* Splash Animation */
        .logo-pulse { animation: pulse-soft 2s infinite; }
        @keyframes pulse-soft {
            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.4); }
            70% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(124, 58, 237, 0); }
            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(124, 58, 237, 0); }
        }