*{margin:0;padding:0;box-sizing:border-box}#app{min-height:100vh;width:100%}:root{--fixed-footer-h: calc(58px + env(safe-area-inset-bottom, 0px)) }.page-with-fixed-footer{padding-bottom:var(--fixed-footer-h)!important}.footer-copyright-fixed{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:480px;margin:0 auto;padding:14px 20px calc(12px + env(safe-area-inset-bottom,0px));text-align:center;z-index:11;background:linear-gradient(to bottom,#ffffffeb,#f5f7faf5,#e6ebf0fa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.6);box-shadow:0 -4px 20px #667eea0f}.footer-copyright-fixed:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);border-radius:2px}.footer-copyright-fixed p{font-size:clamp(13px,3.5vw,16px);font-weight:600;letter-spacing:.08em;margin:0;line-height:1.5;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-bottom-extra{position:relative;z-index:3;width:100%;max-width:480px;margin:0 auto;flex-shrink:0;background:linear-gradient(to bottom,#ffffffbf,#f5f7fae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.5);padding:clamp(15px,4vw,20px) 15px clamp(12px,3vw,16px)}.home-btn-arrow{bottom:calc(var(--fixed-footer-h) + 16px)!important}