*{box-sizing:border-box}
:root{
  --bg:#eef1f5;
  --card:#ffffff;
  --text:#18212f;
  --muted:#5b6574;
  --line:#d8dee8;
  --accent:#1f2937;
  --accent2:#374151;
  --notice:#f3f4f6;
}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  font-family:Arial,Helvetica,sans-serif;
  background:linear-gradient(180deg,#e8ecf2 0%,var(--bg) 100%);
  color:var(--text);
}
.wrap{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
}
.card{
  width:min(780px,100%);
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:clamp(24px,5vw,48px);
  box-shadow:0 18px 60px rgba(16,24,40,.12);
}
.eyebrow{
  font-size:.82rem;
  letter-spacing:.08em;
  font-weight:700;
  color:var(--muted);
  margin-bottom:12px;
}
h1{
  margin:0 0 14px;
  font-size:clamp(2rem,6vw,3.3rem);
  line-height:1.05;
}
.lead{
  margin:0;
  font-size:clamp(1.05rem,2.5vw,1.3rem);
  line-height:1.55;
  color:var(--muted);
}
.notice{
  margin:28px 0;
  padding:18px;
  border-left:5px solid var(--accent);
  border-radius:10px;
  background:var(--notice);
  line-height:1.55;
}
.actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:28px 0;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:10px;
  text-decoration:none;
  font-weight:700;
  transition:.15s ease;
}
.btn:hover{transform:translateY(-1px)}
.primary{background:var(--accent);color:#fff}
.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}
.meta{
  margin:28px 0 0;
  border-top:1px solid var(--line);
}
.meta div{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:16px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
}
dt{font-weight:700}
dd{margin:0;color:var(--muted)}
.foot{
  margin:24px 0 0;
  font-size:.92rem;
  line-height:1.5;
  color:var(--muted);
}
@media(max-width:560px){
  .wrap{padding:12px}
  .card{border-radius:12px;padding:22px}
  .actions{display:grid}
  .btn{width:100%}
  .meta div{grid-template-columns:1fr;gap:4px}
}