body{margin:0;min-width:320px}.container-mobile{max-width:100%;padding:0 12px}.container-tablet{max-width:768px;padding:0 20px}.container-desktop{max-width:1400px;padding:0 40px}.text-responsive-sm{font-size:clamp(12px,2vw,14px)}.text-responsive-md{font-size:clamp(14px,2.5vw,16px)}.text-responsive-lg{font-size:clamp(16px,3vw,20px)}.text-responsive-xl{font-size:clamp(20px,4vw,28px)}.spacing-sm{padding:clamp(8px,2vw,12px)}.spacing-md{padding:clamp(12px,3vw,20px)}.spacing-lg{padding:clamp(16px,4vw,30px)}.flex-mobile-column{display:flex}@media(max-width:768px){.flex-mobile-column{flex-direction:column}}.flex-mobile-wrap{display:flex}@media(max-width:768px){.flex-mobile-wrap{flex-wrap:wrap}}.desktop-only{display:block}@media(max-width:768px){.desktop-only{display:none!important}}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block!important}}.tablet-only{display:none}@media(min-width:769px)and (max-width:1024px){.tablet-only{display:block!important}}.btn-responsive{padding:clamp(10px,2vw,14px) clamp(16px,3vw,24px);font-size:clamp(14px,2vw,16px);min-height:44px;min-width:44px}.input-responsive{padding:clamp(10px,2vw,14px) clamp(12px,2.5vw,16px);font-size:clamp(14px,2vw,16px);width:100%}.card-responsive{padding:clamp(16px,3vw,24px);border-radius:clamp(8px,1.5vw,12px)}.gap-responsive-sm{gap:clamp(8px,1.5vw,12px)}.gap-responsive-md{gap:clamp(12px,2vw,16px)}.gap-responsive-lg{gap:clamp(16px,3vw,24px)}.grid-responsive{display:grid;gap:clamp(16px,2vw,24px)}@media(max-width:480px){.grid-responsive{grid-template-columns:1fr}}@media(min-width:481px)and (max-width:768px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.scroll-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.scroll-mobile{max-width:100vw}}@supports (padding: env(safe-area-inset-top)){.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}@supports not (gap: 1px){.MuiStack-root{--_fallback-gap: 6px}.MuiStack-root>*:not(style)+*:not(style){margin-left:var(--_fallback-gap)}}