*{box-sizing:border-box}body{margin:0;background:#eef0f3;color:#111;font-family:Arial,sans-serif}header{background:#050505;color:#ffd43b;text-align:center;font-weight:900;padding:14px;font-size:14px;letter-spacing:.03em}main{width:min(780px,100%);min-height:100vh;margin:auto;background:#fff;padding:34px 28px 42px}.tag{width:max-content;max-width:100%;margin:0 auto 20px;background:#f12832;color:#fff;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:900;text-align:center}h1{text-align:center;font-size:clamp(32px,5.2vw,52px);line-height:1.05;letter-spacing:-.035em;margin:0 0 15px}h1 b{color:#ef233c}.sub{text-align:center;font-size:20px;line-height:1.35;font-weight:700;margin:0 auto 12px}.micro{text-align:center;font-weight:800;margin:0 0 24px}.hero{display:block;border:2px solid #222;border-radius:8px;overflow:hidden;background:#111}.hero img{display:block;width:100%;height:auto}.cta{display:block;margin:22px 0;text-align:center;text-decoration:none;background:#123fe8;color:#fff;padding:20px 14px;border-radius:14px;font-size:21px;font-weight:900;box-shadow:0 12px 25px #123fe844}article{font:20px/1.62 Georgia,serif}article p{margin:22px 0}.box{font:900 18px/1.4 Arial,sans-serif;background:#eef1ff;border-left:6px solid #123fe8;padding:20px;color:#18318f}aside{background:#ffd259;padding:20px;border-radius:8px;font-weight:900;line-height:1.35}footer{margin-top:30px;border-top:1px solid #ddd;padding-top:18px;color:#777;font-size:11px;text-align:center;line-height:1.5}@media(max-width:600px){main{padding:24px 15px 34px}.sub{font-size:17px}.cta{font-size:17px;padding:18px 10px}article{font-size:18px}}