/* Colorlib "02 Coming Soon" layout vibe: split image + clean white content */
:root{
  --accent:#ff3b86;
  --text:#111;
  --muted:#6d6d6d;
  --divider:#e7e7e7;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Work Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:#fff;
}

.page{
  min-height:100vh;
  display:grid;
  /* Desktop split must be exactly 50% / 50% */
  grid-template-columns: 1fr 1fr;
}

.left{
  position:relative;
  overflow:hidden;
  min-height:360px;
}
.left__bg{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.40), rgba(0,0,0,.05)),
    url("../img/bg.png");
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  filter:saturate(0.95) contrast(1.05);
}

/* Countdown bubbles (white circles with pink numbers) */
.countdown{
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display:flex;
  gap: 28px;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  padding: 10px 0;
  z-index: 3;
}
.bubble{
  width:96px; height:96px;
  border-radius:999px;
  background:rgba(255,255,255,0.95);
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  /* Keep the number perfectly centered in the circle */
  justify-content:center;
  text-align:center;
  position:relative;
  z-index: 1;
}

/* transparent contour ring like the reference template */
.bubble::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,0.38);
  box-shadow: 0 8px 26px rgba(0,0,0,0.14);
  pointer-events:none;
  z-index:-1;
}
.num{
  font-size:32px;
  line-height:1;
  font-weight:700;
  letter-spacing:0.02em;
  color:var(--accent);
}
.lbl{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  margin-top:0;
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#7a7a7a;
}

.right{
  background:#fff;
  display:flex;
  justify-content:center;
  align-items:stretch;
  padding: 0;
}

.brand{
  margin-bottom: 14px;
  display:flex;
  width:100%;
  justify-content:flex-start; /* align to H1 left edge */
  align-items:flex-start;
}
.brand__logo{
  width:min(260px, 70%);
  height:auto;
  display:block;
  margin:0;
}

h1{
  margin:0;
  font-size: 54px;
  line-height:1.05;
  letter-spacing:-0.02em;
}
.lead{
  margin: 8px 0 6px;
  max-width: 52ch;
  color: rgba(0,0,0,0.62);
  font-size: 17px;
  line-height: 1.55;
}


.map{
  margin: 14px 0 10px;
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 12px 24px rgba(0,0,0,0.06);
  background:#fff;
}
.map iframe{
  display:block;
  width:100%;
  height: 230px;
  border:0;
}

.contact{
  margin-top: 18px;
  padding-top: 18px;
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 18px;
  align-items:start;
}
.contact__sep{
  width:1px;
  background:var(--divider);
  height:100%;
  min-height: 88px;
}
.contact__line{
  font-size:15px;
  line-height:1.55;
}
.k{
  font-weight:600;
  color:#0f0f0f;
}
.v{
  color:#3b3b3b;
}
a.v{
  color:#3b3b3b;
  text-decoration:none;
  border-bottom: 1px solid transparent;
}
a.v:hover{ border-bottom-color: rgba(0,0,0,0.25); }

.foot{
  margin-top:auto;
  padding-top: 28px;
  color:#8a8a8a;
}

/* Responsive */
@media (max-width: 980px){
  .page{ grid-template-columns: 1fr; }
  .left{ min-height: 52vh; }
  .countdown{
    left: 50%;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    flex-wrap: wrap;
    gap: 18px;
  }
  .right{
    padding: 34px 18px 48px;
  }
  h1{ font-size: 40px; }
  .contact{
    grid-template-columns: 1fr;
  }
  .contact__sep{ display:none; }
}


/* Right panel inner alignment */
.right-inner{
  width: 100%;
  min-height: 100vh;
  padding: 52px clamp(18px, 4vw, 64px) 34px;
  display:flex;
  flex-direction:column;
  gap: 14px;
}

.title{
  margin: 0;
  font-size: clamp(36px, 3.6vw, 56px);
  line-height: 1.06;
  letter-spacing: -0.02em;
  color:#111;
}