:root{--bg:#fff;--fg:#111827}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem 0}.card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.card h3{margin-top:0}.card p{color:#6b7280}.hero-section{text-align:center;padding:2rem 1rem}.mt-16{margin-top:4rem}.bg-white{background-color:#fff}.p-8{padding:2rem}.rounded-lg{border-radius:.5rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.bg-gray-50{background-color:#f9fafb}.nav-links{display:flex;gap:1.5rem}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.mb-4{margin-bottom:1rem}.text-lg{font-size:1.125rem;font-weight:400;line-height:1.75rem}.btn{display:inline-flex;color:#fff;cursor:pointer;background:#2563eb;border:1px solid #0000;border-radius:.375rem;align-items: center;gap:.5rem;padding:.5rem 1rem}.btn:hover{background:#1e40af}.btn:disabled{opacity:.6;cursor:not-allowed}.focus-ring:focus{outline:3px solid #2563eb40;outline-offset:2px}.hero-section{padding:3rem 1rem}