body {
        -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
        animation: -amp-start 8s steps(1, end) 0s 1 normal both;
      }
      @-webkit-keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
      @-moz-keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
      @-ms-keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
      @-o-keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
      @keyframes -amp-start {
        from {
          visibility: hidden;
        }
        to {
          visibility: visible;
        }
      }
       <noscript >  body {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
      }
       </noscript >  * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      body {
        font-family: Orbitron, sans-serif;
        background-image: url("assets/img/bg-star.gif");
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        overflow: hidden;
        padding: 20px;
        flex-direction: column;
      }
      .container {
        width: 100%;
        max-width: 1024px;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        perspective: 1000px;
        transform-style: preserve-3d;
      }
      .cube {
        position: relative;
        width: 300px;
        height: 300px;
        transform-style: preserve-3d;
        transform: rotateX(30deg) rotateY(30deg);
        animation: spin 20s infinite linear;
        margin-top: 20px;
      }
      .cube div {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #1f1f1f;
        border: 2px solid rgba(255, 255, 255, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        opacity: 0.9;
      }
      .cube .front {
        transform: translateZ(150px);
      }
      .cube .back {
        transform: rotateY(180deg) translateZ(150px);
      }
      .cube .left {
        transform: rotateY(-90deg) translateZ(150px);
      }
      .cube .right {
        transform: rotateY(90deg) translateZ(150px);
      }
      .cube .top {
        transform: rotateX(90deg) translateZ(150px);
      }
      .cube .bottom {
        transform: rotateX(-90deg) translateZ(150px);
      }
      .cube amp-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .static-logo {
        width: 100px;
        height: 100px;
        margin-bottom: -50px;
      }
      @keyframes spin {
        from {
          transform: rotateX(30deg) rotateY(30deg);
        }
        to {
          transform: rotateX(30deg) rotateY(390deg);
        }
      }
      .cta {
        margin-top: 40px;
        font-size: 18px;
        color: #ff4081;
        text-align: center;
        animation: text-pulse 2s infinite;
      }
      @keyframes text-pulse {
        0%,
        100% {
          opacity: 1;
        }
        50% {
          opacity: 0.5;
        }
      }
      
							.cta a {
							display: inline-block;
							padding: 14px 28px;
							margin: 10px 5px;
							background: linear-gradient(135deg, #40a9ff, #1a73e8);
							color: #00ff0d;
							text-decoration: none;
							border-radius: 8px;
							box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
							transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
							font-weight: 600;
							text-transform: uppercase;
							letter-spacing: 1.2px;
						}

						.cta a:hover {
							background: linear-gradient(135deg, #fa1717, #d9145c);
							transform: translateY(-4px) scale(1.05);
							box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
							animation: pulse 0.6s infinite alternate;
						}

						@keyframes pulse {
							0% {
								transform: translateY(-4px) scale(1.05);
							}
							100% {
								transform: translateY(-6px) scale(1.08);
							}
						}


						@media (max-width: 600px) {
							.cube {
								width: 180px;
								height: 180px;
								background-color: #2a2a2a;
								border-radius: 12px;
								box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
							}
							
							.static-logo {
								width: 220px;
								height: 55px;
								margin-bottom: 80px;
								opacity: 0.85;
							}
							
							.cta {
								font-size: 18px;
								margin-top: 60px;
								text-align: center;
							}
						}

						.h1 {
							margin-top: 70px;
							font-size: large;
							color: #00ff0d;
							text-transform: uppercase;
							letter-spacing: 1.5px;
							text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);   
							padding-bottom: 10px;
						}

						.footer {
							font-size: 14px;
							text-align: center;
							color: #c7c7c7;
							padding: 20px 0;   
						}

						.copyright {
							color: #00ff0d;
							font-weight: bold;
							text-transform: uppercase;
							letter-spacing: 1px;
						}