@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}@tailwind base;@tailwind components;@tailwind utilities;*{font-family:Poppins,sans-serif}html{scroll-behavior:smooth}@layer utilities{.clip-path-custom{clip-path:polygon(0 0,100% 0,100% 98%,75% 95%,0 100%)}.clip-path-custom-2{clip-path:polygon(0 0,100% 0,100% 98%,25% 95%,0 100%)}.clip-path-custom-3{clip-path:polygon(0 0,100% 0,100% 98%,75% 96%,0 100%)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#a855f780;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a855f7b3}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.animate-loading{animation:loading 2s ease-in-out infinite}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}.animate-wave{animation:wave 1s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #9333ea4d}50%{box-shadow:0 0 40px #9333ea80}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-scaleIn{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slideUp{animation:slideUp .5s ease-out forwards}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.animate-glow{animation:glow 2s ease-in-out infinite}@media (max-width: 640px){.game-container-mobile{height:calc(100vh - 180px)!important;min-height:400px;max-height:600px}.game-content-scale{transform-origin:center center}}@media (max-width: 380px){.game-container-mobile{height:calc(100vh - 160px)!important;min-height:350px}}@media (max-width: 640px){body{font-size:14px;line-height:1.5}html,body,#root{overflow-x:hidden;max-width:100vw}button,a{min-height:44px;touch-action:manipulation}.typewriter-container{word-wrap:break-word;white-space:normal!important}img{max-width:100%;height:auto}input,textarea{font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.skill-card{min-height:40px;padding:8px 12px}.project-card{min-height:200px}.mobile-menu{max-height:90vh;overflow-y:auto}.contact-form{padding:16px}.section-padding{padding-left:16px;padding-right:16px}.modal-content{margin:20px;max-height:80vh;overflow-y:auto}.tilt-mobile{transform:none!important}h1,h2,h3,h4,h5,h6{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}section{padding-left:16px;padding-right:16px}#work{margin-top:2rem}.btn-mobile{padding:12px 24px;font-size:14px;min-height:44px}.grid-mobile{grid-template-columns:1fr;gap:16px}.text-mobile-sm{font-size:12px}.text-mobile-base{font-size:14px}.text-mobile-lg{font-size:16px}.text-mobile-xl{font-size:20px}.text-mobile-2xl{font-size:24px}}@media (min-width: 641px) and (max-width: 1024px){.tablet-grid{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){.hover-effect:hover{transform:none}.button-touch{transition:opacity .2s ease}.button-touch:active{opacity:.8}}@media (max-width: 896px) and (orientation: landscape){.landscape-spacing{padding-top:20px;padding-bottom:20px}.hero-section{min-height:100vh}}@media (max-width: 360px){.text-responsive{font-size:12px}.title-responsive{font-size:18px}.button-responsive{padding:8px 16px;font-size:14px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sharp-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.auto-contrast{color:#fff;background-color:#000}}