:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#050510;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;min-height:100vh}body{background:linear-gradient(120deg,#050510,#2b0050,#5a2a82,#100018) 0 0/400% 400%;animation:8s infinite gradientMove;overflow:hidden}#app{justify-content:center;align-items:center;display:flex}.loading-container{text-align:center;color:#fff;padding:24px}.iframe-wrapper{width:100%;height:100%;position:fixed;inset:0}.content-frame{border:none;width:100%;height:100%}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:60px;height:60px;margin:0 auto 20px;animation:1s linear infinite spin}.loading-text{margin-bottom:10px;font-size:18px;display:block}.loading-dots:after{content:"";animation:1.5s steps(4,end) infinite dots}.error-message{color:#ff6b6b;background:#fff;border-radius:10px;max-width:400px;margin-top:20px;padding:20px;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}