*{margin:0;padding:0;box-sizing:border-box;font-family:inherit!important}body{font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.wave-emoji{display:inline-block;animation:wave-hand 2s infinite;transform-origin:70% 70%}@keyframes wave-hand{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0284c7}@media (prefers-color-scheme: dark){::-webkit-scrollbar-track{background:#2d3748}::-webkit-scrollbar-thumb{background:#0ea5e9}::-webkit-scrollbar-thumb:hover{background:#0284c7}}*:focus{outline:2px solid #0ea5e9;outline-offset:2px}button,a,[role=button],.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gradient-text{background:linear-gradient(45deg,#0ea5e9,#a855f7,#0ea5e9);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skill-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-icon:hover{transform:scale(1.1) rotate(5deg)}.btn-enhanced{position:relative;overflow:hidden}.btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-enhanced:hover:before{left:100%}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-animation{filter:drop-shadow(0 20px 40px rgba(14,165,233,.2));transition:all .5s cubic-bezier(.4,0,.2,1)}.hero-animation:hover{filter:drop-shadow(0 25px 50px rgba(14,165,233,.3));transform:scale(1.05) translateY(-5px)}.build-animation{filter:drop-shadow(0 15px 30px rgba(168,85,247,.2));transition:all .5s cubic-bezier(.4,0,.2,1)}.build-animation:hover{filter:drop-shadow(0 20px 40px rgba(168,85,247,.3));transform:scale(1.03) translateY(-3px)}.email-animation{filter:drop-shadow(0 15px 30px rgba(14,165,233,.2));transition:all .5s cubic-bezier(.4,0,.2,1)}.email-animation:hover{filter:drop-shadow(0 20px 40px rgba(14,165,233,.3));transform:scale(1.03) translateY(-3px)}.lottie-container{position:relative;overflow:visible}.lottie-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.loading-lottie{animation:loading-bounce 2s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(14,165,233,.3))}@keyframes loading-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width: 768px){.hero-animation,.build-animation,.email-animation{transform:scale(.9)}.hero-animation:hover,.build-animation:hover,.email-animation:hover{transform:scale(.95)}}@media (max-width: 480px){.hero-animation,.build-animation,.email-animation{transform:scale(.8)}.hero-animation:hover,.build-animation:hover,.email-animation:hover{transform:scale(.85)}}@media (max-width: 768px){body{font-size:14px}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.hero-animation,.build-animation,.email-animation{display:none!important}}