html,body,#root{margin:0;min-width:320px;min-height:100%}.bg-grid-pattern{background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}.glow-orange{background:radial-gradient(circle,#fd6b0826,#fd6b0800 70%)}.glow-green{background:radial-gradient(circle,#10b9811a,#10b98100 70%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-anim{animation:float 6s ease-in-out infinite}.mockup-container{width:320px;height:650px;overflow:hidden;border:10px solid #1a1a1a;border-radius:36px;background:#121212;box-shadow:0 25px 50px -12px #fd6b0840}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mask-radial{mask-image:radial-gradient(circle at center,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 75%)}@media(min-width:1024px){.mockup-container{width:360px;height:740px;border-width:12px;border-radius:40px}}