:root{
  --bg: #f5f7fb;
  --card: #ffffff;
  --accent: #0b6efd;
  --muted: #6b7280;
  --danger: #ffe9e9;
  --danger-border: #ff6b6b;
  --text: #0f172a;
  --radius: 10px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: linear-gradient(180deg, var(--bg), #eef2f6);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
}
.brand h1{
  margin:0 0 6px 0;
  /* large, responsive, imposing title suitable for a holding page */
  font-size:clamp(30px, 6vw, 48px);
  letter-spacing:1px;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-transform:uppercase;
  font-weight:600;
}
.subtitle{
  margin:0;
  color:var(--muted);
  font-size:clamp(14px, 2.2vw, 18px);
  margin-top:6px;
}
.brand{
  text-align:center;
  /* make the header area more prominent on landing */
  min-height:30vh; /* about 30% of the viewport height */
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding: 18px 12px;
}
.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:0 8px 30px rgba(15,23,42,0.08);
  padding:28px;
  max-width:760px;
  width:100%;
  margin-top:20px;
}
.notice{
  background:var(--danger);
  border:1px solid var(--danger-border);
  padding:16px;
  border-radius:8px;
}
.notice h2{margin:0 0 8px 0}
.links{margin-top:18px}
.links ul{padding-left:1.25rem}
.links a{
  color:var(--accent);
  text-decoration:none;
}
.links a:hover{ text-decoration:underline }
.muted{color:var(--muted);margin-top:10px}
.footer{margin-top:18px;color:var(--muted);font-size:13px}

.map{margin-top:18px}
.map-frame{border-radius:8px;overflow:hidden;border:1px solid rgba(15,23,42,0.06)}
.map-frame iframe{width:100%;height:300px;border:0;display:block}
@media (min-width:900px){.map-frame iframe{height:360px}}

@media (max-width:520px){
  .card{padding:18px}
  .brand h1{font-size:22px}
}