body{font-family:Poppins,system-ui,sans-serif;margin:0;padding:0;background:#000}.app-container{width:100%;min-height:100vh;position:relative}@media screen and (min-width: 500px){body{background:#191820}.app-container{max-width:800px;margin:0 auto;box-shadow:0 0 30px #00000080;overflow:hidden}.lang-switch{position:absolute;top:12px;right:12px}.sticky-footer{position:absolute;left:0;right:0;bottom:0}}.hero-bg{background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e)}.feature-card{aspect-ratio:9 / 16;border-radius:20px;overflow:hidden;position:relative}.preview-scroll{display:flex;gap:12px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.preview-scroll::-webkit-scrollbar{display:none}.preview-card{width:150px;height:267px;border-radius:16px;overflow:hidden;flex-shrink:0;box-shadow:0 8px 15px #0009;position:relative}.glow-button{transition:all .3s ease}.glow-button:hover{transform:scale(1.05);box-shadow:0 0 30px #ff00c6}.watermark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(135deg,#ec48991a,#8b5cf61a,#06b6d41a)}.watermark-overlay:before{content:"JoyX";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:10px;font-weight:700;color:#ffffff26;letter-spacing:2px;white-space:nowrap}.preview-card,.feature-card{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}video{pointer-events:none}.preview-card,.feature-card{pointer-events:auto}