*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#0f172a;background-color:#f1f5f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}.card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 10px 25px -15px #0f172a4d}.btn{color:#fff;background:linear-gradient(90deg,#0ea5e9,#6366f1);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:transform .1s,box-shadow .1s,opacity .1s;display:inline-flex}.btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 10px 25px -18px #2563ebcc}.btn-secondary{color:#1e293b;background:#fff;border:1px solid #e2e8f0}.input{border:1px solid #e2e8f0;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.9rem}.input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 1px #6366f14d}.label{color:#64748b;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}