html,body,#root{margin:0;min-height:100%;background:#070d18}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#070d18}.phone{width:360px;height:800px;overflow:hidden;border-radius:32px;background:#071324;box-shadow:0 24px 80px #0000008c;position:relative}.main-screen,.static-screen{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:#071324;scrollbar-width:none}.main-screen::-webkit-scrollbar,.static-screen::-webkit-scrollbar,.carousel-scroll::-webkit-scrollbar{display:none}.main-canvas{position:relative;width:360px;min-height:1149px;background:#071324}.main-base{width:360px;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.static-screen{position:relative}.static-screen>img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.first-carousel-mask{position:absolute;left:0;top:301px;width:360px;height:68px;background:#071324;z-index:1}.carousel-layer{position:absolute;left:0;width:360px;overflow:hidden;z-index:8}.first-carousel-layer{top:301px;height:68px}.second-carousel-layer{top:448px;height:138px}.carousel-scroll{width:360px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;line-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab}.carousel-inner{position:relative;line-height:0}.first-carousel-inner{width:413px;height:65px}.second-carousel-inner{width:648px;height:138px}.carousel-inner img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.hotspot,.back-hotspot,.close-hotspot{position:absolute;border:0;padding:0;margin:0;background:transparent;cursor:pointer;z-index:4}.carousel-inner .hotspot{z-index:12}.hotspot:focus-visible,.back-hotspot:focus-visible,.close-hotspot:focus-visible{outline:2px solid rgba(0,255,160,.9);border-radius:8px}.back-hotspot{left:0;top:0;width:22%;height:10%}.close-hotspot{right:0;top:9%;width:24%;height:20%}@media (max-width: 420px){.page{padding:0}.phone{width:100vw;height:100vh;border-radius:0}.main-canvas,.main-base,.carousel-layer,.first-carousel-mask{width:100vw}}