{} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); margin: 0; padding: 20px; display: flex; justify-content: center; align-items: center; min-height: 100vh; color: white; box-sizing: border-box; } .loading-container { text-align: center; padding: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 20px; backdrop-filter: blur(10px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); max-width: 400px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } .loading-spinner { width: 50px; height: 50px; border: 3px solid rgba(255, 255, 255, 0.3); border-top: 3px solid #fff; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-text { font-size: 18px; font-weight: 600; margin-bottom: 10px; } .loading-subtext { font-size: 14px; opacity: 0.8; margin-bottom: 20px; } .error-message { background: rgba(220, 53, 69, 0.2); border: 1px solid rgba(220, 53, 69, 0.5); border-radius: 8px; padding: 15px; margin-top: 20px; display: none; } .error-title { font-weight: 600; margin-bottom: 8px; } .error-details { font-size: 13px; opacity: 0.9; } .fallback-link { display: inline-block; background: rgba(255, 255, 255, 0.2); color: white; text-decoration: none; padding: 10px 20px; border-radius: 8px; margin-top: 15px; transition: all 0.3s ease; } .fallback-link:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); }