:root{--primary: #ffd700;--secondary: #ff00ff;--dark-bg: #000000;--light-bg: #ffd700;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html,#root{margin:0;padding:0;width:100%;height:100%;font-family:Outfit,sans-serif;background-color:var(--dark-bg);color:#fff;overflow:hidden}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.1) 0%,transparent 40%);background-color:var(--dark-bg)}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background-color:var(--dark-bg);transition:opacity .8s ease-in-out}.loader-circle{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid var(--dark-bg);border-top-color:var(--secondary);background-color:var(--primary);animation:spin 1s cubic-bezier(.175,.885,.32,1.275) infinite;box-shadow:0 0 40px #ffd70033;z-index:1}.loader-logo{position:relative;z-index:2;width:60%;height:auto;object-fit:contain;animation:logo-pulse 1.5s ease-in-out infinite alternate}@keyframes logo-pulse{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.1);opacity:1}}.loader-text{margin-top:32px;letter-spacing:.15em;font-weight:700;color:var(--primary);text-transform:uppercase;text-shadow:0 0 10px rgba(255,215,0,.4)}@keyframes spin{to{transform:rotate(360deg)}}.app-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.iframe-container{flex:1;position:relative;width:100%;height:100%;overflow:hidden}iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background-color:transparent;opacity:1;transition:opacity 1s ease}.header-bar{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:50;padding:10px 24px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:40px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #00000080;opacity:0;pointer-events:none;animation:fadeInDown 1s ease-out 2s forwards}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.badge{display:inline-flex;padding:4px 12px;background:var(--primary);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.opacity-70{opacity:.7}@media (max-width: 640px){.header-bar{width:90%;top:10px;padding:8px 16px;font-size:.8rem}}