/* Bright Travel Theme for Inter Egypt - Coming Soon */
:root{
  --blue-50:#ECF6FF;
  --blue-400:#2F80ED;
  --blue-500:#1B74E4;
  --red-500:#E63946;
  --text:#0B2A4A;
  --muted:#5B6B80;
  --white:#ffffff;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,var(--blue-50),#fff 45%);
  overflow-x:hidden;
}

.sky-bg{
  position:fixed;
  inset:0;
  background:radial-gradient(1200px 600px at 50% -10%, rgba(47,128,237,0.18), transparent 60%);
  z-index:-3;
}

.cloud{
  position:fixed;
  top:10vh;
  width:320px;height:120px;
  background:rgba(255,255,255,0.9);
  filter:blur(2px);
  border-radius:100px;
  box-shadow:
    40px 20px 0 10px rgba(255,255,255,0.9),
    80px 10px 0 0 rgba(255,255,255,0.8),
    120px 25px 0 8px rgba(255,255,255,0.9);
  animation: float 28s linear infinite;
  z-index:-2;
}
.cloud-1{left:-15%; animation-duration: 35s;}
.cloud-2{top:22vh; left:-25%; animation-duration: 40s; transform: scale(1.1);}
.cloud-3{top:36vh; left:-20%; animation-duration: 50s; transform: scale(1.3);}

@keyframes float{
  0%{transform:translateX(-10vw)}
  100%{transform:translateX(120vw)}
}

.container{
  min-height:100%;
  width:min(1040px,94vw);
  margin-inline:auto;
  padding:24px 0 56px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand{
  text-align:center;
  margin-top:24px;
}
.logo{
  width:120px; height:auto;
  user-select:none;
}
.brand h1{
  margin:8px 0 0;
  font-size:clamp(1.6rem, 2.6vw, 2.2rem);
  letter-spacing:.04em;
  font-weight:700;
}
.tagline{
  margin:2px 0 0;
  font-weight:500;
  color:var(--muted);
  letter-spacing:.2em;
  text-transform:uppercase;
  font-size:.82rem;
}

.hero{
  text-align:center;
  padding:16px;
}
.title{
  margin:8px 0 0;
  font-weight:700;
  font-size:clamp(1.8rem, 5vw, 3rem);
  color:var(--blue-500);
}
.subtitle{
  margin:8px auto 18px;
  max-width:60ch;
  color:var(--muted);
  font-size:clamp(1rem, 1.4vw, 1.1rem);
}

.countdown{
  display:flex;
  gap:14px;
  justify-content:center;
  margin:12px 0 18px;
}
.time{
  background:var(--white);
  border:1px solid #dfe7f3;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  border-radius:20px;
  padding:14px 18px;
  min-width:88px;
}
.time span{
  display:block;
  font-size:clamp(1.6rem, 4.2vw, 2.6rem);
  font-weight:700;
  color:var(--text);
}
.time label{
  display:block;
  font-size:.8rem;
  color:var(--muted);
  margin-top:2px;
  letter-spacing:.06em;
}

.notify{
  margin:8px auto 0;
  display:flex;
  gap:10px;
  justify-content:center;
  width:min(640px, 92vw);
}
.notify input{
  flex:1;
  padding:14px 16px;
  border:1.5px solid #cfe0fb;
  border-radius:14px;
  font-size:1rem;
  outline:none;
  transition:.2s border-color, .2s box-shadow;
}
.notify input:focus{
  border-color:var(--blue-400);
  box-shadow:0 0 0 4px rgba(47,128,237,.15);
}
.btn{
  padding:14px 18px;
  border:none;
  border-radius:14px;
  font-weight:600;
  background:linear-gradient(180deg, var(--blue-400), var(--blue-500));
  color:var(--white);
  cursor:pointer;
  transition: transform .08s ease, box-shadow .2s ease;
  box-shadow:0 10px 20px rgba(27, 116, 228, .25);
}
.btn:hover{ transform: translateY(-1px); }
.btn:active{ transform: translateY(0); }

.note{
  margin-top:10px;
  min-height:1.4em;
  color:var(--blue-500);
  font-weight:500;
}

.footer{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 12px 0;
  border-top:1px dashed #d6e3f7;
  flex-wrap:wrap;
}
.social{
  list-style:none;
  display:flex; gap:14px; padding:0; margin:0;
}
.social a{
  display:inline-flex;
  align-items:center; justify-content:center;
  width:40px; height:40px;
  border-radius:12px;
  background:var(--white);
  border:1px solid #e1eaf8;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}
.social svg{fill:var(--blue-500)}
.link{
  color:var(--text);
  text-decoration:none;
  border-bottom:2px solid transparent;
}
.link:hover{ border-color:var(--red-500) }

address{font-style:normal; color:var(--muted);}

.visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  clip:rect(1px,1px,1px,1px);
  overflow:hidden; white-space:nowrap;
  border:0;padding:0;margin:-1px;
}

/* RTL support */
html[dir="rtl"], body[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] .container,
body[dir="rtl"] .container {
  align-items: center; /* keep centered like LTR */
}

html[dir="rtl"] .hero,
body[dir="rtl"] .hero {
  text-align: center; /* keep centered like LTR */
}

html[dir="rtl"] .countdown,
body[dir="rtl"] .countdown {
  justify-content: center; /* keep centered like LTR */
}

html[dir="rtl"] .footer,
body[dir="rtl"] .footer {
  justify-content: space-between; /* match LTR */
  text-align: right;
}

html[dir="rtl"] .brand,
body[dir="rtl"] .brand {
  text-align: center; /* keep centered like LTR */
}

html[dir="rtl"] .notify,
body[dir="rtl"] .notify {
  flex-direction: row-reverse;
  text-align: right;
}

/* Language switcher positioning for RTL/LTR */
html[dir="rtl"] .container > div[style*="position:absolute"] {
  right: auto;
  left: 32px;
}

@media (max-width:640px){
  .footer{justify-content:center; text-align:center}
  address{width:100%}
}