body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bf-root{align-items:center;background:linear-gradient(90deg,#3b82f6,#6366f1 50%,#8b5cf6);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:2rem}.bf-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px #0206171f;margin-top:1.5rem;max-width:720px;padding:2rem;text-align:center;width:100%}.bf-input{border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:.75rem .9rem;width:100%}.bf-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1rem}.bf-input-number{border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;text-align:center;width:6.25rem}.bf-button{background:#4f46e5;border:none;border-radius:10px;box-shadow:0 6px 16px #4f46e533;color:#fff;cursor:pointer;padding:.55rem 1rem}.bf-button:hover{opacity:.95}.bf-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:2rem;max-width:1100px;padding-bottom:4rem;width:100%}.bf-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0206170f;color:inherit;display:flex;flex-direction:column;padding:1rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.bf-item:hover{box-shadow:0 14px 46px #0206171f;transform:translateY(-6px)}.bf-item img{border-radius:8px;height:240px;margin-bottom:.5rem;object-fit:cover;width:100%}.bf-item h3{color:#4f46e5;margin:.25rem 0}@media (max-width:640px){.bf-card{padding:1.25rem}.bf-item img{height:200px}}
/*# sourceMappingURL=main.f640c524.css.map*/