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}:root{--primary-color:#2d3436;--accent-color:#e17055;--background-color:#fff;--card-background:#fff;--shadow-color:#2d343614;--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif;--transition-speed:0.3s;--bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}.container{animation:fadeIn .8s cubic-bezier(.68,-.55,.265,1.55);animation:fadeIn .8s var(--bounce);background-color:#fff;background-color:var(--background-color);margin:0 auto;max-width:1280px;min-height:100vh;overflow-x:hidden;padding:3rem 2rem;position:relative}.container:before{background:radial-gradient(circle at top right,#e170550d,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}input[type=text]{border:2px solid #e1e8ed;border-radius:6px;flex:1 1;font-size:1rem;padding:.8rem;width:auto}img{border-radius:8px;width:50%}button[type=submit]{background-color:#e17055;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease;transition:all var(--transition-speed) ease}button[type=submit]:hover{background-color:#e85d45;transform:translateY(-1px)}.title{color:#2d3436;color:var(--primary-color);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.5px;margin-bottom:3rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-speed) var(--bounce)}a{color:#000;text-decoration:none}.title:hover{text-shadow:2px 2px 4px #2d343614;text-shadow:2px 2px 4px var(--shadow-color);transform:scale(1.05)}.title:after{background:#e17055;background:var(--accent-color);border-radius:4px;box-shadow:0 2px 4px #2d343614;box-shadow:0 2px 4px var(--shadow-color);content:"";display:block;height:4px;margin:1rem auto;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-speed) var(--bounce);width:80px}.title:hover:after{background:linear-gradient(90deg,#e17055,#fab1a0);background:linear-gradient(90deg,var(--accent-color),#fab1a0);transform:translateY(2px);width:140px}.recipeGrid{grid-gap:2.5rem;animation:slideUp .8s cubic-bezier(.68,-.55,.265,1.55);animation:slideUp .8s var(--bounce);display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:2rem 0;perspective:1000px}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@media (max-width:1024px){.container{padding:2rem}.recipeGrid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.container{padding:1.5rem}.title{font-size:clamp(1.8rem,4vw,2.5rem)}.recipeGrid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.container{padding:1rem}.title{font-size:clamp(1.5rem,3vw,2rem)}.recipeGrid{gap:1.25rem;grid-template-columns:1fr}}.food-details{align-items:center;animation:fadeIn .5s ease-in;background-color:#fff;background-color:var(--background-color);border-radius:8px;box-shadow:0 4px 8px #2d343614;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:column;margin:0 auto;max-width:1000px;padding:2rem}.recipe-header{margin-bottom:2rem;text-align:center}.recipe-meta{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.recipe-area,.recipe-category{background-color:#e17055;background-color:var(--accent-color);border-radius:20px;color:#fff;font-size:.9rem;padding:.5rem 1rem}.food-img{border-radius:12px;box-shadow:0 4px 20px #2d343614;box-shadow:0 4px 20px var(--shadow-color);margin:2rem 0;max-height:500px;object-fit:cover;width:50%}.recipe-details{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:300px 1fr;margin-top:3rem}.ingredients-section h2,.instructions-section h2{color:#2d3436;color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem}.ingredients-list{list-style:none;padding:0}.ingredients-list li{border-bottom:1px solid #eee;padding:.5rem 0}.instructions-text p{line-height:1.6;margin-bottom:1rem}.error-container,.loading-container{padding:3rem;text-align:center}.loading-container{color:#2d3436;color:var(--primary-color);padding:2rem;text-align:center}.clear-button{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease}.clear-button:hover{background-color:#ff5252}@media (max-width:640px){form{flex-wrap:wrap}.clear-button{margin-top:.5rem;width:100%}.search-container{flex-direction:column;gap:.8rem}.region-select,button[type=submit],input[type=text]{width:100%}}.regions-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0;padding:0 1rem}.region-button{background-color:#fff;background-color:var(--background-color);border:1px solid #e17055;border:1px solid var(--accent-color);border-radius:20px;color:#e17055;color:var(--accent-color);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.back-button,.region-button:hover{background-color:#e17055;background-color:var(--accent-color);color:#fff}.back-button{align-self:flex-start;border:none;border-radius:4px;cursor:pointer;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.back-button:hover{background-color:#d35400;transform:translateX(-2px)}.search-form{margin:2rem auto;max-width:800px;padding:0 1rem}.search-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #2d343614;box-shadow:0 2px 8px var(--shadow-color);display:flex;gap:1rem;padding:1rem}.region-select{background-color:#fff;border:2px solid #e1e8ed;border-radius:6px;color:#2d3436;color:var(--primary-color);cursor:pointer;font-size:1rem;min-width:200px;padding:.8rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.region-select:focus{border-color:#e17055;border-color:var(--accent-color);box-shadow:0 0 0 2px #e170551a;outline:none}.search-modes{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.mode-button{background:#0000;border:2px solid #e17055;border:2px solid var(--accent-color);border-radius:20px;color:#e17055;color:var(--accent-color);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.mode-button.active{background:#e17055;background:var(--accent-color);color:#fff}.mode-button:hover{box-shadow:0 2px 8px #e1705533;transform:translateY(-2px)}@media (max-width:768px){.recipe-details{gap:2rem;grid-template-columns:1fr}.food-details{padding:1rem}}@media (max-width:640px){.search-modes{flex-direction:column;padding:0 1rem}.search-container{flex-direction:column;gap:.8rem}.mode-button{width:100%}}.error-message{background-color:#fdeaea;border-radius:8px;color:#e74c3c;margin:1rem 0;padding:1rem;text-align:center}.no-results{color:#2d3436;color:var(--primary-color);font-size:1.2rem;grid-column:1/-1;padding:2rem;text-align:center}
/*# sourceMappingURL=main.b7a8769c.css.map*/