/* ---------------------------
  IronGate page styles
  Based on PointScheduler CSS
---------------------------- */

/* HERO */
.ig-hero {
  background: #eefaf0;
  padding: 60px 20px;
  text-align: center;
}

.ig-hero-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}

/* Logo */
.ig-logo{
  width:130px;
  height:auto;
  object-fit:contain;
}

/* Title */
.ig-title{
font-size:38px;
font-weight:700;
color:#ff8c00;   /* same orange as PointScheduler */
margin:0;
}

.ig-sub{
  color:#444;
  margin-top:6px;
  font-size:16px;
}

.ig-sub-muted{
  color:#666;
  margin-top:6px;
  font-size:15px;
}

/* FEATURE BOX */
.ig-feature-box{
  background:#fff;
  border-radius:12px;
  padding:24px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
  transition:transform .25s ease;
  height:100%;
}

.ig-feature-box:hover{
  transform:translateY(-6px);
}

.ig-feature-box h3{
  color:#ff8c00;
  font-size:18px;
  margin-bottom:8px;
}

/* IronGate Banner */
.ig-feature-banner{
    text-align:center;
}

.ig-feature-banner img{
    width:85%;
    max-width:900px;
    height:auto;
    border-radius:16px;
    box-shadow:0 8px 25px rgba(0,0,0,0.15);
    margin:20px auto 40px;
    display:block;
}

/* APP PREVIEW */

.ig-preview img{
  width:100%;
  max-width:220px;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
  transition:.25s ease;
}

.ig-preview img:hover{
  transform:scale(1.05);
}

/* Coming Soon sign */

.coming-soon{
position:fixed;
right:40px;
top:28%;
width:160px;
z-index:10;
animation:swingSign 4s ease-in-out infinite;
transform-origin:top center;
box-shadow:0 10px 30px rgba(0,0,0,0.25);
}

/* Swing animation */

@keyframes swingSign{

0%{ transform:rotate(8deg); }

50%{ transform:rotate(-8deg); }

100%{ transform:rotate(8deg); }

}

@media(max-width:900px){

.coming-soon{
display:none;
}

}

/* Responsive */

@media (max-width:600px){

.ig-title{
font-size:28px;
}

.ig-logo{
width:100px;
}

}


/* Demo Button */

.ig-btn{
display:inline-block;
padding:12px 34px;
border-radius:30px;
color:#fff;
text-decoration:none;
font-size:16px;
}

.ig-btn-green{
background:#28a745;
border:2px solid #1f8b3c;
box-shadow:0 6px 16px rgba(40,167,69,0.15);
}

.ig-btn-green:hover{
background:#218c3b;
}

/* Playstore */

.ig-play-inline{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 20px;
background:#fff;
border-radius:10px;
text-decoration:none;
font-size:16px;
color:#000;
font-weight:500;
box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.ig-play-icon{
width:30px;
height:30px;
}

/* Demo Modal */

.ig-demo-modal{
display:none;
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.35);
backdrop-filter:blur(6px);
justify-content:center;
align-items:center;
}

.ig-demo-content{
width:100%;
max-width:520px;
background:linear-gradient(180deg,#e8f8ec 0%,#fff 40%,#eaf6ea 70%,#178a2a 100%);
border-radius:14px;
padding:26px;
box-shadow:0 14px 40px rgba(0,0,0,0.25);
position:relative;
}

.ig-close{
position:absolute;
right:18px;
top:14px;
font-size:26px;
cursor:pointer;
color:#1f8b3c;
}

#igDemoForm input,
#igDemoForm textarea{
width:100%;
padding:12px 14px;
border-radius:8px;
border:1px solid rgba(0,0,0,0.08);
margin-bottom:12px;
font-size:15px;
}

.ig-submit{
background:#28a745;
color:#fff;
border:none;
padding:12px 30px;
border-radius:10px;
font-size:16px;
cursor:pointer;
display:block;
margin:auto;
}