:root{color-scheme:light dark;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#f5f8fc;color:#10233f}main{max-width:760px;margin:0 auto;padding:48px 22px}header{padding:30px 0 22px;border-bottom:1px solid #cbd5e1}h1{font-size:42px;margin:0;color:#0b63ce}h2{margin-top:34px}section{background:#fff;padding:22px;border-radius:14px;margin-top:24px;box-shadow:0 4px 18px #10233f12}nav{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}nav a{padding:10px 14px;background:#0b63ce;color:#fff;border-radius:8px;text-decoration:none}a{color:#0759b7}footer{margin-top:40px;color:#52657d;font-size:14px}.plans{list-style:none;display:grid;gap:16px;padding:0;margin:22px 0;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.plan{border:1px solid #cbd5e1;border-radius:12px;padding:16px;display:flex;flex-direction:column}.plan p:last-child{margin-bottom:0}.plan p:has(>.cta){margin-top:auto}.plan h3{margin:0 0 6px;font-size:20px}.price{margin:0 0 10px;font-weight:600;color:#0b63ce}.badge{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#e3edfb;color:#0759b7;border-radius:999px;padding:3px 8px;vertical-align:middle}.cta{display:inline-block;margin-top:8px;padding:10px 14px;background:#0b63ce;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}.note{font-size:14px;color:#52657d}@media(prefers-color-scheme:dark){body{background:#101a29;color:#edf4ff}section{background:#18263a}a{color:#8fc1ff}.plan{border-color:#2c3d55}.price{color:#8fc1ff}.badge{background:#22344c;color:#bcd8ff}.note{color:#a5b8d0}.cta{color:#fff}}