@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply antialiased;margin:0;background-color:#050008;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}}#root{width:100%;min-height:100vh;min-height:100dvh}.desktop-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1a0b2e,#050008);transition:background .8s cubic-bezier(.4,0,.2,1)}.app-container{width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0);background:#050008;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (min-width: 600px){.app-container{height:90vh;max-height:850px;width:400px;border-radius:40px;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ff1a6e26,0 0 30px #9b30ff26;border:8px solid #000;margin:auto}.app-container:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:120px;height:25px;background:#000;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:9999;pointer-events:none}}@keyframes lbp{0%,to{opacity:1}50%{opacity:.25}}@keyframes ftp{0%,to{box-shadow:0 0 #00ff8880}60%{box-shadow:0 0 0 5px #0f80}}@keyframes tdb{0%,to{transform:none;background:#ffffff47}50%{transform:translateY(-5px);background:#ff1a6ecc}}@keyframes lr{0%,to{box-shadow:0 0 #ff1a6e80,0 0 28px #ff1a6e80}70%{box-shadow:0 0 0 12px #ff1a6e00,0 0 28px #ff1a6e59}}@keyframes sparkfly{0%{transform:scale(0) translate(0);opacity:1}to{transform:scale(1) translate(var(--tx),var(--ty));opacity:0}}@keyframes avp{0%{transform:scale(0) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes hp{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes sf{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes sf2{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-9px)}}@keyframes hua{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.8;transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.55}}button{outline:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body.swiper-active{overflow:hidden}#root.swiper-active{width:100vw;height:100vh;height:100dvh;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}