@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #10b981;--dark: #0f172a;--light: #f8fafc}html,body{max-width:100%;overflow-x:hidden}body{font-family:Poppins,sans-serif;background-color:var(--light);color:var(--dark);transition:all .4s ease}body.dark{background-color:var(--dark);color:var(--light)}.title-font{font-family:Space Grotesk,sans-serif}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating{animation:float 6s ease-in-out infinite}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:gradientBG 8s ease infinite}.glass-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.1)}.skill-bar{transition:width 1.5s ease-in-out}#particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.chatbot-avatar{transition:all .3s ease}.chatbot-avatar:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(99,102,241,.7))}.neon-border{box-shadow:0 0 10px #6366f180,0 0 20px #6366f14d}.dark .neon-border{box-shadow:0 0 10px #6366f1cc,0 0 20px #6366f180}.scroll-indicator{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.chatbot-message{opacity:0;transform:translateY(10px);transition:all .3s ease}.chatbot-message.show{opacity:1;transform:translateY(0)}.tech-icon{transition:all .3s ease}.tech-icon:hover{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}.timeline-item:before{content:"";position:absolute;left:-38px;top:0;width:16px;height:16px;border-radius:50%;background:var(--primary);border:3px solid white;z-index:1}.dark .timeline-item:before{border-color:var(--dark)}