:root{--primary: #06b6d4;--secondary: #a855f7;--bg-dark: #050505}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif}h1,h2,h3,h4{font-family:Poppins,sans-serif}.glass-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.technical-grid{background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 0%,transparent 80%)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.floating-shape{animation:float 6s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.scale-hover:hover{transform:scale(1.1)}.profile-container:before{content:"";position:absolute;inset:-5px;background:linear-gradient(45deg,var(--primary),var(--secondary),var(--primary));border-radius:50%;z-index:-1;filter:blur(15px);opacity:.5;transition:opacity .5s}.profile-container:hover:before{opacity:1}.skill-card:hover .h-full{box-shadow:0 0 15px currentColor}.project-card{transition:transform .4s ease,box-shadow .4s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#cursor-glow{mix-blend-mode:screen}#mobile-menu{transform:translateY(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}#mobile-menu.active{transform:translateY(0)}#mobile-menu.active{opacity:1!important;pointer-events:auto!important;visibility:visible!important}#menu-btn.open .menu-icon{opacity:0;transform:scale(.5) rotate(-90deg)}#menu-btn.open .close-icon{opacity:1;transform:scale(1) rotate(0)}