body {
          background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
          color: #fff;
          font-family: 'Segoe UI', sans-serif;
          height: 100vh;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
      }
      .construction-box {
          background: rgba(255, 255, 255, 0.05);
          padding: 40px;
          border-radius: 20px;
          backdrop-filter: blur(10px);
          box-shadow: 0 8px 20px rgba(0,0,0,0.3);
          max-width: 600px;
          width: 100%;
      }
      .logo {
          width: 120px;
          margin-bottom: 20px;
      }
      h2 {
          font-weight: 700;
          margin-bottom: 15px;
      }
      .lead {
          font-size: 1.1rem;
          margin-bottom: 25px;
      }
      .spinner-border {
          color: #ffcc00;
          margin-bottom: 20px;
      }
      .contact-info {
          font-size: 0.95rem;
      }
      .contact-info h5 {
          margin-bottom: 10px;
          font-weight: 600;
          color: #ffcc00;
      }
      .contact-info p {
          margin: 5px 0;
      }
      .social-icons a {
          color: #fff;
          font-size: 1.5rem;
          margin: 0 10px;
          transition: all 0.3s ease;
      }
      .social-icons a:hover {
          color: #ffcc00;
          transform: scale(1.2);
      }