body { background-color: #0f172a; color: #e2e8f0; }
        .glass-panel { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
        #mobile-menu { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); top: 4rem; height: calc(100vh - 4rem); }
        #chat-window { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: bottom right; }
        #chat-window.hidden { opacity: 0; transform: scale(0.9) translateY(20px); pointer-events: none; }
        #chat-window:not(.hidden) { opacity: 1; transform: scale(1) translateY(0); }
        .message-bubble { max-width: 80%; padding: 10px 14px; border-radius: 12px; font-size: 0.9rem; margin-bottom: 8px; }
        .message-user { background-color: #6366f1; color: white; align-self: flex-end; border-bottom-right-radius: 2px; }
        .message-bot { background-color: #334155; color: #e2e8f0; align-self: flex-start; border-bottom-left-radius: 2px; border: 1px solid rgba(255,255,255,0.1); }
        
        body { background-color: #0f172a; color: #e2e8f0; }
        .glass-panel { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
        .bg-grid-pattern {
            background-image: linear-gradient(to right, rgba(99, 102, 241, 0.05) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(99, 102, 241, 0.05) 1px, transparent 1px);
            background-size: 40px 40px;
        }
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        .animate-float { animation: float 6s ease-in-out infinite; }
        #mobile-menu { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); top: 4rem; height: calc(100vh - 4rem); }
        /* Chat Bot */
        #chat-window { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: bottom right; }
        #chat-window.hidden { opacity: 0; transform: scale(0.9) translateY(20px); pointer-events: none; }
        #chat-window:not(.hidden) { opacity: 1; transform: scale(1) translateY(0); }
        .message-bubble { max-width: 80%; padding: 10px 14px; border-radius: 12px; font-size: 0.9rem; margin-bottom: 8px; }
        .message-user { background-color: #6366f1; color: white; align-self: flex-end; border-bottom-right-radius: 2px; }
        .message-bot { background-color: #334155; color: #e2e8f0; align-self: flex-start; border-bottom-left-radius: 2px; border: 1px solid rgba(255,255,255,0.1); }
        body { background-color: #0f172a; color: #e2e8f0; }
        .glass-panel { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
        
       
        .hero-bg {
            background-color: #0f172a;
            background-image: 
                radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 
                radial-gradient(at 50% 0%, hsla(245, 58%, 21%, 1) 0, transparent 50%), 
                radial-gradient(at 100% 0%, hsla(265, 83%, 16%, 1) 0, transparent 50%);
        }
        
        .grid-overlay {
            background-size: 40px 40px;
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
            /* Grid'in kenarlara doğru solması için maskeleme */
            mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
            -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
        }

        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        .animate-float { animation: float 6s ease-in-out infinite; }
        
        #mobile-menu { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); top: 4rem; height: calc(100vh - 4rem); }
        
        /* Chat Bot */
        #chat-window { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: bottom right; }
        #chat-window.hidden { opacity: 0; transform: scale(0.9) translateY(20px); pointer-events: none; }
        #chat-window:not(.hidden) { opacity: 1; transform: scale(1) translateY(0); }
        .message-bubble { max-width: 80%; padding: 10px 14px; border-radius: 12px; font-size: 0.9rem; margin-bottom: 8px; }
        .message-user { background-color: #6366f1; color: white; align-self: flex-end; border-bottom-right-radius: 2px; }
        .message-bot { background-color: #334155; color: #e2e8f0; align-self: flex-start; border-bottom-left-radius: 2px; border: 1px solid rgba(255,255,255,0.1); }