:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-color: #f9fafb;--text-color: #111827;--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #6b7280;--radius: .75rem;--shadow: 0 4px 6px rgba(0, 0, 0, .1)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}button{border-radius:var(--radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .25s,transform .1s}button:hover{background-color:var(--primary-hover)}button:active{transform:scale(.98)}button:focus,button:focus-visible{outline:3px solid var(--primary-hover);outline-offset:2px}.card{background-color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.center{display:flex;justify-content:center;align-items:center}