:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#1e3a8a;text-decoration:inherit}a:hover{color:#3730a3}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:#1e3a8a;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{background-color:#3730a3;transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a4d}button:focus,button:focus-visible{outline:2px solid #1e3a8a;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{transition:all .2s ease}*:focus-visible{outline:2px solid #1e3a8a;outline-offset:2px}