.app{min-height:100vh;display:flex;justify-content:center;padding:48px 20px;background:radial-gradient(circle at top,rgba(33,150,243,.18),transparent 35%),linear-gradient(180deg,#0b1220,#111827);color:#e5eefc}.panel{width:min(960px,100%);padding:32px;border:1px solid rgba(148,163,184,.2);border-radius:24px;background:#0f172ac7;box-shadow:0 24px 80px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{margin:0 0 10px;color:#7dd3fc;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}h1{margin:0;font-size:clamp(2.1rem,4vw,3.6rem);line-height:.95}.intro{max-width:58ch;margin:14px 0 28px;color:#cbd5e1;font-size:1.02rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card,.checklist{border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#1e293bb8;padding:20px}.card h2,.checklist h2{margin:0 0 8px;font-size:1.1rem}.card p,.footer-note{color:#cbd5e1}pre{margin:14px 0 0;overflow-x:auto;font-size:.98rem;line-height:1.5;padding:14px 16px;border-radius:14px;background:#0f172af2;color:#f8fafc}.checklist{margin-top:18px}ol{margin:0;padding-left:20px;color:#dbeafe;line-height:1.8}.footer-note{margin:18px 0 0}@media (max-width: 720px){.app{padding:20px 14px}.panel{padding:22px;border-radius:20px}.grid{grid-template-columns:1fr}}:root{font-family:Inter,system-ui,sans-serif}body{margin:0;background-color:#0f172a}