:focus-visible{outline-offset:2px;outline:2px solid #4f46e5}html{scroll-behavior:smooth}body{color:#111827;background:#f7f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1200px,100% - 2rem);margin:0 auto}.card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 12px 30px #0f172a0d}.button{cursor:pointer;color:#fff;white-space:nowrap;background:#4338ca;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.button.secondary{color:#111827;background:#e5e7eb}.button:disabled{opacity:.6;cursor:not-allowed}.section-title{margin:0;font-size:clamp(1.4rem,4vw,2.5rem);line-height:1.2}.subtitle{color:#6b7280;max-width:42rem;margin:0;line-height:1.75}.grid{gap:1.25rem;display:grid}.tag{color:#4338ca;background:#eef2ff;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.nav-links{align-items:center;gap:.5rem;display:flex}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.nav-hamburger span{background:#374151;border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.nav-drawer{border-top:1px solid #e5e7eb;flex-direction:column;gap:.5rem;padding:1rem 0;display:none}.nav-drawer.open{display:flex}.nav-drawer .button{border-radius:.75rem;justify-content:flex-start;width:100%}@media (max-width:640px){.nav-links{display:none}.nav-hamburger{display:flex}.hide-mobile{display:none!important}.stack-mobile{flex-direction:column!important}.full-mobile{width:100%!important}main.container{padding-top:2rem!important;padding-bottom:2.5rem!important}.section-title{font-size:1.4rem}.card{min-width:0}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.tutor-grid{grid-template-columns:1fr!important}input[type=range]{width:100%}.card-actions{flex-direction:column}.card-actions .button{justify-content:center;width:100%}}@media (min-width:641px){.nav-drawer{display:none!important}}