@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{color:#fff;cursor:none;background-color:#0a1020;min-height:100vh;margin:0;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}html{scroll-behavior:smooth;overflow-x:hidden}#motionCanvas{z-index:-3;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}a,button{cursor:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#050508}::-webkit-scrollbar-thumb{background:linear-gradient(#0ff,#a855f7,#ec4899,#ff4500,#f59e0b,#10b981,#0ff) fixed;border:3px solid #050508;border-radius:10px}::-webkit-scrollbar-thumb:hover{border:2px solid #050508}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}a{color:inherit;text-decoration:none}.blob-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(100px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite alternate move-blobs;position:absolute}.blob-1{background-color:#9333eab3;width:40vw;height:40vw;animation-delay:0s;top:-10vw;left:-10vw}.blob-2{background-color:#06b6d499;width:35vw;height:35vw;animation-delay:-5s;bottom:-5vw;right:-10vw}.blob-3{background-color:#ec489980;width:30vw;height:30vw;animation-delay:-10s;top:40%;left:30%}.blob-4{background-color:#f9731680;width:45vw;height:45vw;animation-delay:-15s;top:10%;right:15%}@keyframes move-blobs{0%{transform:scale(1)translate(0)}33%{transform:scale(1.1)translate(20px,-30px)}66%{transform:scale(.9)translate(-20px,20px)}to{transform:scale(1.2)translate(10px,10px)}}.gradient-text{background:linear-gradient(135deg,#a855f7,#06b6d4,#ec4899);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.glow-effect{box-shadow:0 0 20px #a855f780}.container{max-width:1400px;margin:0 auto;padding:0 2.5rem}.section-wrapper{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:150px;padding-bottom:80px;display:flex}.section-title{text-align:center;margin-bottom:3rem;font-size:3rem;font-weight:800}.custom-glass-wrapper,.liquid-glass-card{transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1)}.liquid-glass-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 60px #0000004d,0 4px 16px #0003,inset 0 1px 2px #ffffff8c,inset 0 -1px 1px #ffffff14,inset 1px 0 1px #ffffff2e,0 0 0 1px #ffffff1f!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projects-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:24px;width:100%;display:grid}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.glass-hero,.glass-navbar,.glass-contact{-webkit-backdrop-filter:blur(12px)!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;box-shadow:0 8px 32px #0003!important}.glass-projects,.glass-skills,.glass-achievements{-webkit-backdrop-filter:blur(6px)!important;background:#ffffff08!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #0003!important}@keyframes pulseGlow{0%{box-shadow:inherit;opacity:.9}50%{box-shadow:inherit;opacity:1}to{box-shadow:inherit;opacity:.9}}.theme-lightning{animation:2s ease-in-out infinite pulseGlow;background:#1e0050d9!important;border:2px solid #0ff!important;transition:all .5s!important;box-shadow:0 0 20px #0ff,0 0 40px #7b2fff,inset 0 0 20px #00ffff1a!important}.theme-fire{animation:2s ease-in-out infinite pulseGlow;background:#501400d9!important;border:2px solid #ff4500!important;transition:all .5s!important;box-shadow:0 0 20px #ff4500,0 0 40px #ff8c00,inset 0 0 20px #ff45001a!important}.theme-water{animation:2s ease-in-out infinite pulseGlow;background:#00143cd9!important;border:2px solid #00bfff!important;transition:all .5s!important;box-shadow:0 0 20px #00bfff,0 0 40px #1e90ff,inset 0 0 20px #00bfff1a!important}.theme-wind{animation:2s ease-in-out infinite pulseGlow;background:#281c00d9!important;border:2px solid #c8a951!important;transition:all .5s!important;box-shadow:0 0 20px #c8a951,0 0 45px #c8a95180,inset 0 0 20px #c8a95114!important}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-2px,-3px)rotate(-.5deg)}20%{transform:translate(-4px)rotate(.5deg)}30%{transform:translate(4px,3px)rotate(0)}40%{transform:translate(2px,-2px)rotate(.5deg)}50%{transform:translate(-2px,3px)rotate(-.5deg)}60%{transform:translate(-4px,2px)rotate(0)}70%{transform:translate(4px,2px)rotate(-.5deg)}80%{transform:translate(-2px,-2px)rotate(.5deg)}90%{transform:translate(2px,3px)rotate(0)}to{transform:translate(0)rotate(0)}}.shake{animation:.3s cubic-bezier(.36,.07,.19,.97) both shake}@media (width<=768px){.container{padding:0 1.25rem!important}.section-title{margin-bottom:2rem!important;font-size:2.2rem!important}.section-wrapper{padding-top:100px!important}.hero-title{font-size:2.8rem!important}.hero-subtitle{font-size:1rem!important}.hero-buttons{flex-wrap:wrap;justify-content:center!important;gap:12px!important}.hero-pic{width:120px!important;height:120px!important;margin-bottom:1.5rem!important}.nav-wrapper{padding:.8rem 1.2rem!important}.nav-links{display:none!important}.nav-glass-container{width:90%!important;margin:0 auto!important}.responsive-grid{grid-template-columns:1fr!important;gap:2rem!important}.projects-grid{grid-template-columns:1fr!important}.mobile-glass-padding{padding:1.25rem!important}.contact-buttons a{justify-content:center!important;width:100%!important}.achievements-flex{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.skills-grid-layout{align-items:stretch;gap:24px;width:100%;display:grid}@media (width>=1024px){.skills-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (width>=768px) and (width<=1023px){.skills-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.skills-grid-layout{grid-template-columns:1fr}}@media (width>=768px){.col-span-2{grid-column:span 2!important}}@media (width<=768px){.hero-pic{width:100px!important;height:100px!important}.hero-title{font-size:2.4rem!important}.hero-subtitle{font-size:1rem!important}.glass-hero{padding:2rem 1rem!important}}@keyframes bounceBlink{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}