:root{
  --primary:#4f46e5;
  --secondary:#0ea5e9;
  --gray-900:#0f172a;
  --gray-700:#334155;
  --gray-600:#475569;
  --gray-500:#64748b;
  --gray-300:#cbd5e1;
  --gray-200:#e2e8f0;
  --gray-100:#f1f5f9;
  --white:#ffffff;
  --radius:14px;
  --shadow:0 16px 30px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--gray-700);
  background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 55%,#f0f9ff 100%);
  line-height:1.65;
}
.container{max-width:900px;margin:0 auto;padding:28px 18px 54px}
.back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--primary);
  text-decoration:none;
  font-weight:600;
  margin-bottom:16px;
}
.card{
  background:rgba(255,255,255,.94);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:24px;
}
h1{margin:0 0 8px;color:var(--gray-900);font-size:2rem;line-height:1.2}
.meta{margin:0 0 18px;color:var(--gray-500);font-size:.94rem}
h2{margin:24px 0 8px;color:var(--gray-900);font-size:1.15rem}
p{margin:0 0 11px}
ul{margin:0 0 10px 20px;padding:0}
li{margin:0 0 6px}
.notice{
  border:1px solid rgba(79,70,229,.22);
  background:rgba(79,70,229,.07);
  color:#312e81;
  border-radius:12px;
  padding:12px 14px;
  margin:0 0 18px;
  font-size:.93rem;
}
.footer{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--gray-200);
  color:var(--gray-500);
  font-size:.9rem;
}
.footer a{color:var(--primary);text-decoration:none}
.footer a:hover{text-decoration:underline}
code{
  background:var(--gray-100);
  padding:2px 6px;
  border-radius:6px;
  font-size:.9em;
  color:var(--gray-900);
}