:root{--bg:#f6f8fc;--card:#fff;--ink:#172033;--muted:#5f6b7a;--brand:#ef4f32;--brand2:#ff8a35;--line:#e4e8ef}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans",sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}header{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:52px 20px}header .wrap{display:flex;align-items:center;gap:18px}.mark{width:84px;height:84px;border-radius:50%;display:block;object-fit:cover;background:#fff;border:3px solid #fff;box-shadow:0 8px 24px #0004}h1{margin:0;font-size:clamp(30px,6vw,48px)}header p{margin:8px 0 0;opacity:.95}.wrap{max-width:920px;margin:auto}.nav{display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid var(--line)}.nav a{color:var(--ink);text-decoration:none;font-weight:700}.nav a:hover{color:var(--brand)}main{padding:34px 20px 70px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;margin:0 0 22px;box-shadow:0 10px 30px #1720330b}h2{margin-top:0}h3{margin-top:26px}a{color:#1769aa}.button{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700}.meta,.muted{color:var(--muted)}ul{padding-left:22px}code{background:#eef1f7;padding:2px 6px;border-radius:6px}footer{border-top:1px solid var(--line);padding:24px 20px;color:var(--muted);background:#fff}@media(max-width:600px){.card{padding:20px}header{padding-top:38px}.mark{width:64px;height:64px}}