:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;color:#333}a{font-weight:500;color:#06c;text-decoration:none}a:hover{text-decoration:underline}button{border-radius:4px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#06c;color:#fff;cursor:pointer}button:hover{background-color:#0052a3}input,textarea,select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:1em;font-family:inherit;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}form div{margin:15px 0;text-align:left}label{display:block;margin-bottom:5px;font-weight:500}h2,h3{color:#333;margin:15px 0}table{border-collapse:collapse;width:100%;margin:20px 0}table th,table td{border:1px solid #ddd;padding:12px;text-align:left}table th{background-color:#f5f5f5;font-weight:600}table tr:hover{background-color:#f0f0f0}