@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#4f46e5;--primary-light:#eef2ff;--secondary:#22c55e;--accent:#ef4444;--background:#f9fafb;--surface:#fff;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius:50px;transition:background-color .3s,color .3s}[data-theme=dark]{--background:#0f172a;--surface:#1e293b;--text:#f8fafc;--text-muted:#94a3b8;--border:#334155;--primary-light:#1e1b4b;--shadow:0 4px 6px -1px #0003;--shadow-lg:0 20px 25px -5px #0000004d;--radius:50px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.animate-spin{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}input,select,textarea{border:1px solid var(--border);border-radius:20px;outline:none;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;transition:border-color .2s}input:focus{border-color:var(--primary);ring:2px solid var(--primary)}label{color:var(--text-muted);font-size:.875rem;font-weight:500;display:block}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;outline-offset:2px;border:none;border-radius:50px;outline:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:focus-visible{outline-color:var(--primary)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}.btn-primary:hover:not(:disabled){background-color:#4338ca;transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #4f46e51a}.btn-secondary{background-color:var(--secondary);color:#fff;box-shadow:0 4px 6px -1px #22c55e33}.btn-secondary:hover:not(:disabled){background-color:#16a34a;transform:translateY(-1px);box-shadow:0 10px 15px -3px #22c55e4d}.btn-accent{background-color:var(--accent);color:#fff;box-shadow:0 4px 6px -1px #ef444433}.btn-accent:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 10px 15px -3px #ef44444d}.btn-ghost{color:var(--text-muted);background-color:#0000;border:1px solid #0000}.btn-ghost:hover:not(:disabled){color:var(--text);background-color:#0000000d}.btn-outline{border:1px solid var(--border);color:var(--text);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--background);border-color:var(--primary);color:var(--primary)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.flex-1{flex:1}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}@media (width<=768px){:root{--radius:24px}.container{padding:0 1rem}.card{padding:1.25rem}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.btn{padding:.625rem 1.25rem;font-size:.813rem}input,select,textarea{padding:.625rem;font-size:.938rem}}@media (width<=480px){.card{padding:1rem}.flex-mobile-column{flex-direction:column;gap:1rem;align-items:stretch!important}.hide-on-mobile{display:none!important}.grid-mobile-1{grid-template-columns:1fr!important}}
