html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;width:100%;position:relative;color:#fff;min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e3a8a}::-webkit-scrollbar-thumb{background:#fbbf24;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f59e0b}html{scrollbar-width:thin;scrollbar-color:#fbbf24 #1e3a8a}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.animate-slide-up-fade{animation:slideUpFade 3.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes float-icon{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}.animate-float-icon{animation:float-icon 3s ease-in-out infinite}@keyframes breathe-text{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-breathe{animation:breathe-text 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) skew(12deg)}to{transform:translate(100%) skew(12deg)}}@keyframes float-logo{0%,to{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-8px) scale(1.03) rotate(1deg)}}.animate-float-logo{animation:float-logo 4s ease-in-out infinite}@keyframes scroll-bg{0%{background-position:0 0}to{background-position:360px 360px}}.animate-scroll-bg{animation:scroll-bg 25s linear infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float-item{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes tapHand{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(8px) rotate(-15deg) scale(.95)}}.animate-tap-hand{animation:tapHand 1s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-15px) scale(1.3);opacity:1}}html,body,#root{overflow-x:hidden;max-width:100vw}*{-webkit-tap-highlight-color:transparent}a,button,[role="button"]{touch-action:manipulation}img{max-width:100%;height:auto}@media(max-width:400px){.grid-cols-\[repeat\(2\,minmax\(170px\,1fr\)\)\]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.375rem!important;padding-left:.25rem!important;padding-right:.25rem!important}.grid-cols-\[repeat\(2\,minmax\(170px\,1fr\)\)\]>\*{min-width:0}.right-\[-20px\]{right:0!important}.w-44.h-44{width:min(176px,35vw)!important;height:min(176px,35vw)!important}.w-\[320px\]{width:100%!important}.max-w-\[320px\]{max-width:100%!important}.max-w-sm{max-width:calc(100vw - 2rem)!important}.max-w-md{max-width:calc(100vw - 2rem)!important}.max-w-lg{max-width:calc(100vw - 2rem)!important}.inset-\[-20px\]{inset:0!important}.inset-\[-50%\]{inset:-15%!important}.inset-\[-100%\]{inset:-30%!important}}@media(max-width:360px){.rounded-\[2\.5rem\]{border-radius:1.5rem!important}.rounded-\[2\.2rem\]{border-radius:1.25rem!important}.rounded-\[2rem\]{border-radius:1.25rem!important}.rounded-\[2\.15rem\]{border-radius:1.25rem!important}p-7{padding:1.25rem!important}p-6{padding:1rem!important}.p-5{padding:1rem!important}.p-4{padding:.75rem!important}.text-stroke-lg{-webkit-text-stroke:2.5px black!important}}@media(max-height:700px){.min-h-\[480px\]{min-height:auto!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}.min-h-\[350px\]{min-height:auto!important}.min-h-\[300px\]{min-height:auto!important}}@media(max-height:600px){.min-h-\[480px\]{min-height:auto!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}.min-h-\[350px\]{min-height:auto!important;max-height:100dvh!important;overflow-y:auto!important}}@media(pointer:coarse){button,[role="button"]{min-height:44px}a{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports(padding:max(0px)){body{padding-left:max(0env(safe-area-inset-left));padding-right:max(0env(safe-area-inset-right))}}
/* === RESPONSIVE OVERFLOW FIX === */
html,body,#root{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}
*,*::before,*::after{box-sizing:border-box!important}
.grid>*{min-width:0!important;max-width:100%!important}
.grid.grid-cols-2>*{min-width:0!important;max-width:100%!important;overflow:hidden!important}