@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.blob{position:absolute;width:288px;height:288px;border-radius:50%;filter:blur(48px);opacity:.3;mix-blend-mode:multiply;animation:blob 7s infinite}.blob-1{background-color:#a78bfa;top:80px;left:40px}.blob-2{background-color:#f9a8d4;top:160px;right:40px;animation-delay:2s}.blob-3{background-color:#93c5fd;bottom:-32px;left:80px;animation-delay:4s}.floating-circle{position:absolute;border-radius:50%;opacity:.1;background:linear-gradient(135deg,#a78bfa4d,#f472b64d)}.floating-circle-1{width:500px;height:500px;top:-100px;left:-100px;border:1px solid rgba(167,139,250,.2)}.floating-circle-2{width:400px;height:400px;bottom:-80px;right:-80px;border:1px solid rgba(244,114,182,.2)}.floating-circle-3{width:350px;height:350px;top:40%;right:20%;border:1px solid rgba(96,165,250,.2)}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#a78bfa,#f472b6,#60a5fa);border-radius:50%;top:100%;animation:particleFloat 8s infinite linear}@keyframes particleFloat{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.App{min-height:100vh}section{position:relative}.desktop-nav{display:none!important}@media (min-width: 768px){.desktop-nav{display:flex!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.project-title-hover:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes orbit{0%{transform:rotate(0) translate(0) translateY(0)}25%{transform:rotate(90deg) translate(-2px) translateY(-2px)}50%{transform:rotate(180deg) translate(0) translateY(0)}75%{transform:rotate(270deg) translate(2px) translateY(2px)}to{transform:rotate(360deg) translate(0) translateY(0)}}.orbiting-particle{animation:orbit 3s ease-in-out infinite;transform-origin:24px 24px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #14b8a6;--text: #1f2937;--text-light: #6b7280;--bg: #ffffff;--bg-secondary: #f9fafb;--border: #e5e7eb;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}body{font-family:Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background-color:var(--bg);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}