:root{font-family:Inter,system-ui,sans-serif;color:#1c2430;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#172033;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));gap:20px}.brand{color:white;text-decoration:none;font-size:1.35rem;font-weight:800}nav{display:flex;align-items:center;gap:18px}nav a,button.link{color:#dfe6f2;background:none;border:0;text-decoration:none;padding:0}nav form{margin:0}main{max-width:1180px;margin:34px auto;padding:0 20px 70px}h1{font-size:2rem;margin:.2em 0}h2{margin-top:.2em}.head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:white;border:1px solid #dfe4ec;border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 3px 12px #15213a0b}.cardlink{text-decoration:none;color:inherit;transition:.15s}.cardlink:hover{transform:translateY(-2px);border-color:#aab8ce}.narrow{max-width:440px;margin:70px auto}.muted{color:#6b7482}.badge{font-size:.82rem;background:#eef2f7;border-radius:999px;padding:5px 9px}.button,button{display:inline-block;background:#2457d6;color:white;border:0;border-radius:8px;padding:10px 15px;font-weight:700;text-decoration:none;cursor:pointer}.secondary{background:#e8edf5!important;color:#23324a!important}.actions{display:flex;gap:10px;align-items:center}.actions form{margin:0}input,select,textarea{width:100%;max-width:700px;border:1px solid #bcc6d5;border-radius:7px;padding:9px;background:white}input[type=checkbox]{width:auto}label{font-weight:650}form p{margin:13px 0}.testbox{border-top:2px solid #edf0f5;margin-top:25px;padding-top:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e6e9ef;padding:10px 8px;vertical-align:top}th{font-size:.85rem;color:#687386}.msg{background:#e7f4ec;border:1px solid #b9dfc7;padding:12px 15px;border-radius:8px}.result{border-left:5px solid #a4acb8;padding:10px 15px;margin:12px 0;background:#f8fafc}.result.ok{border-color:#2c9a5a}.result.bad{border-color:#d34a4a}pre{white-space:pre-wrap;background:#111827;color:#eef2ff;padding:12px;border-radius:8px;overflow:auto}.score{font-size:1.4rem;font-weight:800}@media(max-width:700px){.head,.actions{align-items:stretch;flex-direction:column}table{font-size:.9rem}header nav span{display:none}}