/* UdaNet - Coming Soon Page */
:root{
  --surface: rgba(255,255,255,.75);
  --surface-weak: rgba(255,255,255,.55);
  --backdrop: url('../assets/background.png') center/cover no-repeat fixed;
  --text: #1f2937;
  --text-soft: #475569;
  --radius: 22px;
  --shadow: 0 10px 30px rgba(0,0,0,.12);
}

*{ box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; }

body{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
  background: var(--backdrop);
  display: grid;
  place-items: center;
  text-align: center;
}

.wrapper{
  width: min(880px, 92vw);
  padding: clamp(18px, 2.6vw, 28px);
}

.brand .logo{
  width: clamp(200px, 32vw, 320px);
  height: auto;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.10));
  margin: 0 auto 18px;
  display: block;
}

h1{
  font-size: clamp(28px, 4.6vw, 44px);
  line-height: 1.1;
  margin-bottom: 12px;
}

.lead{
  font-size: clamp(16px, 2.2vw, 20px);
  color: var(--text-soft);
  margin-bottom: 22px;
}

.cta .button{
  display: inline-block;
  padding: 12px 20px;
  border-radius: 999px;
  background: white;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  text-decoration: none;
  color: #334155;
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.cta .button:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

.footer{
  margin-top: 16px;
  background: var(--surface-weak);
  border-radius: 12px;
  display: inline-block;
  padding: 8px 14px;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

@media (prefers-reduced-motion: no-preference){
  .card{ animation: rise .6s ease both; }
  @keyframes rise{
    from{ opacity: 0; transform: translateY(8px) scale(.98); }
    to{ opacity: 1; transform: translateY(0) scale(1); }
  }
}