.desktop-layout{position:relative;min-height:100vh;width:100vw;overflow:hidden}.desktop-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/desktop-background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.mobile-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;position:relative;z-index:1}.mobile-frame{width:100%;max-width:630px;min-height:calc(100vh - 4rem);background:hsl(var(--background));border-radius:2rem;box-shadow:0 0 0 1px hsl(var(--border)/.1),0 20px 25px -5px hsl(var(--foreground)/.1),0 10px 10px -5px hsl(var(--foreground)/.04);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);border:1px solid hsl(var(--border)/.2)}.mobile-frame:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:30px;background:hsl(var(--foreground));border-radius:0 0 1rem 1rem;z-index:10}.mobile-frame:after{content:"";position:absolute;right:-2px;top:120px;width:4px;height:60px}.volume-buttons:after,.volume-buttons:before{content:"";position:absolute;left:-2px;width:4px}.volume-buttons:before{top:100px;height:30px}.volume-buttons:after{top:140px;height:30px}.mobile-frame>*{position:relative;z-index:1}@media (max-width:1024px) and (min-width:768px){.mobile-container{padding:1rem .5rem}.mobile-frame{max-width:390px;min-height:calc(100vh - 2rem)}}@media (max-width:767px){.desktop-background,.desktop-layout,.mobile-container,.mobile-frame{all:unset;display:block}.mobile-frame:after,.mobile-frame:before,.volume-buttons:after,.volume-buttons:before{display:none}}.dark .mobile-frame{background:hsl(var(--background));box-shadow:0 0 0 1px hsl(var(--border)/.2),0 20px 25px -5px hsl(var(--background)/.3),0 10px 10px -5px hsl(var(--background)/.1)}.dark .mobile-frame:before{background:hsl(var(--foreground)/.9)}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}