.elementor-15 .elementor-element.elementor-element-fd5a4ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-3cec20c */.coming-container{
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:linear-gradient(135deg,#000,#111,#222);
  color:#fff;
  text-align:center;
  overflow:hidden;
  position:relative;
}

.content{
  max-width:700px;
  animation:fadeIn 2s ease-in-out;
}

.logo{
  width:120px;
  margin-bottom:20px;
  animation:float 4s ease-in-out infinite;
}

h1{
  font-size:48px;
  margin-bottom:10px;
  background:linear-gradient(45deg,#f5c542,#ff9d00);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

p{
  font-size:16px;
  color:#ccc;
  margin-bottom:25px;
}

.btn{
  padding:12px 25px;
  background:linear-gradient(45deg,#f5c542,#ff9d00);
  color:#000;
  font-weight:600;
  border-radius:30px;
  text-decoration:none;
  transition:0.3s;
}

.btn:hover{
  transform:scale(1.1);
  box-shadow:0 0 15px #ff9d00;
}

/* Background circles */
.circle{
  position:absolute;
  border-radius:50%;
  background:rgba(255,165,0,0.1);
  animation:move 10s linear infinite;
}

.circle:nth-child(1){ width:200px; height:200px; top:10%; left:20%; }
.circle:nth-child(2){ width:300px; height:300px; bottom:10%; right:15%; }
.circle:nth-child(3){ width:150px; height:150px; top:50%; left:70%; }

@keyframes fadeIn{
  from{opacity:0; transform:translateY(20px);}
  to{opacity:1; transform:translateY(0);}
}

@keyframes float{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-15px);}
}

@keyframes move{
  0%{transform:translateY(0) translateX(0);}
  50%{transform:translateY(-30px) translateX(20px);}
  100%{transform:translateY(0) translateX(0);}
}/* End custom CSS */