/* ThinkDrop — Coming Soon minimal page styles */
/* Safe to add alongside existing app.css. This file is optional but recommended. */

:root{
  --td-bg:#0b0f14;
  --td-fg:#e8eef7;
  --td-muted:#9fb2c8;
  --td-accent:#4aa3ff;
  --td-card:#111722;
  --td-ring:rgba(74,163,255,.35);
}

body{background:
  radial-gradient(1000px 700px at 50% -10%, rgba(74,163,255,.15), transparent 60%),
  radial-gradient(700px 540px at 110% 110%, rgba(0,200,255,.08), transparent 60%),
  var(--td-bg);
  color:var(--td-fg);
}

.td-hero{
  min-height: calc(100vh - 140px);
  display:grid; place-items:center; padding:2rem 1rem;
}

.td-hero-card{
  max-width: 760px; width: 100%;
  text-align:center;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  padding: 2.25rem 1.5rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 0 6px var(--td-ring);
  backdrop-filter: blur(6px);
  margin: 0 auto;
}

.td-logo-wrap{ display:flex; justify-content:center; margin-bottom: 1rem; }
.td-logo{ width: 140px; height: 140px; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(0,0,0,.5)); }

.td-title{ font-size: clamp(1.6rem, 3.4vw, 2.2rem); margin:.25rem 0 .25rem; letter-spacing:.2px }
.td-msg{ font-size: clamp(1.1rem, 2.2vw, 1.35rem); margin:.25rem 0 .5rem }
.td-sub{ color: var(--td-muted); margin:.25rem 0 0.25rem }

/* Fallback header/footer if your partials are missing (local previews) */
.td-fallback{ margin:0; font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial; }
.td-fallback-h, .td-fallback-f{ padding: .75rem 1rem; color: var(--td-fg); }
.td-fallback-h{ border-bottom: 1px solid rgba(255,255,255,.1); }
.td-fallback-f{ border-top: 1px solid rgba(255,255,255,.1); text-align:center; }