*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#1d2b36;background:#f4f7f9}.wrap{max-width:960px;margin:0 auto;padding:0 20px}header{background:#0b3d5c;color:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{color:#fff;font-weight:700;text-decoration:none;font-size:20px}.logo span{color:#7fd3c4}nav a{color:#cfe3ec;margin-left:20px;text-decoration:none}.hero{padding:56px 0}.hero h1{font-size:34px;margin:0 0 12px}.btn{display:inline-block;background:#0b3d5c;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding-bottom:48px}.card{background:#fff;border-radius:8px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.08)}table{border-collapse:collapse;width:100%;background:#fff}td,th{padding:8px 12px;border-bottom:1px solid #e3e8ec;text-align:left}.ok{color:#1a7f4b;font-weight:600}footer{color:#6b7c88;padding:24px 0;font-size:14px}