body{font-family:system-ui,sans-serif;margin:0;color:#1b2430;background:#f7f8fa}header{background:#12355b;color:#fff;padding:14px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}header a{color:#fff;text-decoration:none}header .logo{font-weight:800;font-size:1.3em}main{max-width:960px;margin:0 auto;padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.card{background:#fff;border:1px solid #dde2e8;border-radius:10px;padding:16px;text-decoration:none;color:inherit}.card:hover{border-color:#12355b}table{border-collapse:collapse;width:100%;background:#fff}td,th{border:1px solid #dde2e8;padding:8px;text-align:left}th{background:#eef2f7}.gap{color:#9a6700;background:#fff8c5;padding:1px 6px;border-radius:4px;font-size:.9em}.src{font-size:.85em;color:#555;border-top:1px solid #ccc;margin-top:30px}.hero{background:#fff;border:1px solid #dde2e8;border-radius:12px;padding:24px;margin-bottom:20px}input,select,button{font-size:1em;padding:8px;margin:4px 0}button{background:#12355b;color:#fff;border:0;border-radius:6px;cursor:pointer}.nl{background:#e8f0fa;padding:18px;border-radius:10px;margin-top:24px}.aff{font-size:.85em}footer{text-align:center;font-size:.8em;color:#777;padding:20px}