/* Coming Soon page styles */
:root{
  --bg: #9e9fa0;
  --card: #cdcdcd;
  --accent: #2fb6ff;
  --muted: #9aa6b2;
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter, 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background: linear-gradient(180deg,#6a6d73 0%, #0b1220 100%); color:white;}
.cs-container{min-height:80.4vh; display:flex; align-items:center; justify-content:center; padding:30px}
.cs-card{max-width:920px; width:100%; background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border-radius:14px; padding:40px; box-shadow: 0 10px 40px rgba(2,6,23,0.6); text-align:center}
.cs-logo{width:120px; height:auto; margin-bottom:12px; border-radius:8px; display:inline-block; will-change: transform;}

/* Gentle horizontal float: moves from -10% to +10% continuously */
@keyframes logo-sway {
  0% { transform: translateX(-10%); }
  50% { transform: translateX(10%); }
  100% { transform: translateX(-10%); }
}

.cs-logo {
  animation: logo-sway 6s ease-in-out infinite;
}
.cs-title{font-size:36px; margin:6px 0 12px; letter-spacing:0.4px}
.cs-sub{color:var(--muted); max-width:760px; margin:0 auto 20px}
.cs-countdown{display:flex; gap:18px; justify-content:center; margin:20px 0}
.cs-countdown div{background:rgba(255,255,255,0.03); padding:18px 22px; border-radius:10px; min-width:80px}
.cs-countdown span{display:block; font-size:22px; font-weight:700}
.cs-countdown small{display:block; font-size:12px; color:var(--muted); margin-top:6px}
.cs-form{display:flex; gap:10px; justify-content:center; margin:18px 0}
.cs-form input{flex:1; padding:12px 16px; border-radius:8px; border:1px solid rgba(255,255,255,0.06); background:transparent; color:white}
.cs-form button{background:var(--accent); border:none; padding:12px 18px; border-radius:8px; color:#032033; font-weight:700; cursor:pointer}
.cs-note{color:var(--accent); min-height:22px}
.cs-links{display:flex; gap:12px; justify-content:center; margin-top:18px}
.cs-links a{color:rgba(255,255,255,0.85); text-decoration:none; padding:8px 12px; border-radius:8px; background:rgba(255,255,255,0.02)}
.cs-footer{margin-top:18px; color:var(--muted); font-size:13px}
@media(max-width:600px){.cs-countdown{gap:8px}.cs-countdown div{min-width:56px;padding:12px}.cs-title{font-size:24px}}