@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);.dark #theme-toggle,.dark .nav-link,.dark .skill-bar+div span,.dark body,.dark label{color:#cbd5e1}.chat-bubble,.chat-window{position:fixed;right:30px;z-index:100;display:flex}#canvas3d,.nav-link:hover::after{width:100%}body{font-family:Poppins,sans-serif;background-color:#f8fafc;color:#1e293b;scroll-behavior:smooth}#mobile-menu-panel{transform:translateX(100%)}#mobile-menu-panel.open{transform:translateX(0)}.dark body{background-color:#0f172a}.dark #home{background-color:#111827}.gradient-text{background:linear-gradient(90deg,#64748b 0,#94a3b8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.skill-bar{height:8px;border-radius:4px;background-color:#e2e8f0;overflow:hidden}.dark #theme-toggle:hover,.dark .skill-bar{background-color:#334155}.skill-progress{height:100%;border-radius:4px;background:linear-gradient(90deg,#64748b 0,#94a3b8 100%);transition:width 1s ease-in-out}.dark .skill-progress{background:linear-gradient(90deg,#94a3b8 0,#cbd5e1 100%)}.floating{animation:6s ease-in-out infinite floating}@keyframes floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.chat-bubble{bottom:30px;width:60px;height:60px;border-radius:50%;background-color:#334155;color:#fff;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:.3s}.dark .chat-bubble,.dark .chat-header,.dark .chat-input button{background-color:#4f46e5}.chat-bubble:hover{transform:scale(1.1)}.chat-window{bottom:100px;width:300px;height:400px;background-color:#fff;border-radius:15px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden;transform:scale(0);transform-origin:bottom right;transition:transform .3s;flex-direction:column}.chat-header,.chat-input button{background-color:#334155;color:#fff}.dark .chat-window{background-color:#1e293b;border:1px solid #334155}.chat-window.active{transform:scale(1)}.chat-header{padding:15px;font-weight:600}.chat-messages{flex:1;padding:15px;overflow-y:auto;background-color:#f8fafc}.dark .chat-messages,.dark .section{background-color:#0f172a}.chat-input{display:flex;padding:10px;background-color:#fff;border-top:1px solid #e2e8f0}.dark .chat-input{background-color:#1e293b;border-top-color:#334155}.dark .ai-message,.dark .chat-input input{background-color:#374151;color:#e5e7eb}.chat-input input{flex:1;min-width:0;padding:8px 12px;border:1px solid #e2e8f0;border-radius:20px;outline:0}.dark .chat-input input{border-color:#4b5563}.dark .chat-input input::placeholder{color:#9ca3af}.chat-input button{margin-left:10px;border:none;border-radius:20px;padding:8px 15px;cursor:pointer}.dark .chat-input button:hover{background-color:#4338ca}.message{margin-bottom:10px;padding:8px 12px;border-radius:15px;max-width:80%;word-wrap:break-word}.ai-message{background-color:#e2e8f0;align-self:flex-start;border-bottom-left-radius:5px}.user-message{background-color:#334155;color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.dark .user-message{background-color:#4f46e5;color:#fff}#canvas3d{position:absolute;top:0;left:0;height:100%;z-index:-1;opacity:.2}.section{min-height:100vh;padding:80px 0}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s}.dark .card{background-color:#1e293b;border:1px solid #334155;box-shadow:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -1px rgba(0,0,0,.12)}.dark .card h2,.dark .card h3,.dark .card h4{color:#e2e8f0}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark nav{background-color:rgba(30,41,59,.9)!important;box-shadow:0 1px 2px 0 rgba(255,255,255,.05)}.nav-link{position:relative}.dark .nav-link:hover{color:#f8fafc}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#64748b;transition:width .3s}.dark .nav-link::after{background-color:#94a3b8}.dark .gradient-text{background:linear-gradient(90deg,#94a3b8 0,#e2e8f0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.dark .text-slate-600{color:#94a3b8!important}.dark .text-slate-800{color:#fffF!important}.dark .bg-slate-800{background-color:#334155!important;color:#e2e8f0!important}.dark .bg-slate-800:hover{background-color:#000!important}.dark .border-slate-300{border-color:#475569!important;color:#cbd5e1!important}.dark .border-slate-300:hover{background-color:#1e293b!important}.social-icon{width:40px;height:40px;border-radius:50%;background-color:#e2e8f0;display:flex;justify-content:center;align-items:center;transition:.3s;color:#000}.social-icon:hover{background-color:#878889;color:#fff;transform:translateY(-3px)}.loading-message span{animation:1.4s infinite both blink;display:inline-block}.loading-message span:nth-child(2){animation-delay:.2s}.loading-message span:nth-child(3){animation-delay:.4s}.dark input[type=email],.dark input[type=text],.dark textarea{background-color:#334155;color:#e2e8f0;border-color:#475569}.dark input[type=email]:focus,.dark input[type=text]:focus,.dark textarea:focus{border-color:#64748b}#chatMessages{scrollbar-width:none;-ms-overflow-style:none}#chatMessages::-webkit-scrollbar{display:none}@keyframes blink{0%,100%{opacity:.2}20%{opacity:1}}@media (max-width:768px){.section{padding:60px 0}.chat-window{width:280px;height:350px;right:20px;bottom:80px}}