/* KME Teknoloji - In Construction styles */
:root{
  --bg:#ffffff;
  --card:#ffffff;
  --text:#111111;
  --muted:#6b6b6b;
  --border:#e6e6e6;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}
.container{
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:24px;
}
.card{
  width:100%;
  max-width:720px;
  padding:40px 28px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  text-align:center;
}
.logo{ width:288px; height:auto; display:block; margin:0 auto 12px; filter:none }
.title{ font-size:clamp(28px,5vw,44px); margin:8px 0 8px; letter-spacing:0.2px }
.lead{ color:var(--muted); margin:0 auto 20px; max-width:50ch; line-height:1.6 }

.cta-row{ display:none }
.btn{ display:none }

.notify{ display:flex; gap:10px; justify-content:center; margin-top:6px; flex-wrap:wrap }
.notify input{
  width:min(320px, 80vw);
  padding:12px 14px; border-radius:12px; border:1px solid var(--border); background:#fafafa; color:var(--text);
}
.notify input:focus{ outline:2px solid #000; outline-offset:2px; }

.foot{ color:#5a5a5a; font-size:13px; margin:24px 0 0 }
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }

/* Responsive niceties */
@media (max-width:420px){ .card{ padding:28px 18px } }