#loading {
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
        }
        
        #loading h1 {
          font-size: 24px;
          margin: 0;
        }
        
        #loading p {
          font-size: 16px;
          margin: 0;
        }
        
        .lds-ring {
          display: inline-block;
          position: relative;
          width: 80px;
          height: 80px;
        }
        
        .lds-ring div {
          box-sizing: border-box;
          display: block;
          position: absolute;
          width: 64px;
          height: 64px;
          margin: 8px;
          border: 8px solid #000;
          border-radius: 50%;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          border-color: #000 transparent transparent transparent;
        }
        
        .lds-ring div:nth-child(1) {
          animation-delay: -0.45s;
        }
        
        .lds-ring div:nth-child(2) {
          animation-delay: -0.3s;
        }
        
        .lds-ring div:nth-child(3) {
          animation-delay: -0.15s;
        }
        
        @keyframes lds-ring {
          0% {
            transform: rotate(0deg);
          }
          100% {
            transform: rotate(360deg);
          }
        }