*{box-sizing:border-box;margin:0;padding:0}#root{width:100%}.hide{display:none}.show{display:block}a{text-decoration:none;color:#000}a:hover{color:#986aac}body{box-sizing:border-box;width:100vw;display:flex;flex-direction:column;align-items:center;margin:0;padding:5px;font-family:Roboto,sans-serif}p{letter-spacing:1px}.section{display:flex;width:100%;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:space-evenly;padding:20px}.view-btn{background-color:#986aac;width:80%;color:#fff;border:none;border-radius:25px;padding:5px 10px;font-family:Outfit,sans-serif;font-size:.7em;cursor:pointer;margin-top:auto;text-align:center;position:relative;overflow:hidden;z-index:1;transition:color .4s ease}.view-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#3fb9c9;transition:width .4s ease;z-index:-1}.view-btn:hover:before{width:100%}.view-btn:hover{color:#fff}.blur-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:0;pointer-events:none}.blur-circle1{position:absolute;width:200px;height:300px;background:#986aac;filter:blur(125px);border-radius:50%;top:100px;left:-150px;z-index:-1;opacity:.8}.blur-circle2{position:absolute;width:200px;height:300px;background:#3fb9c9;filter:blur(125px);border-radius:50%;top:80px;right:-150px;z-index:-1;opacity:.8}.blur-circle4{position:absolute;width:200px;height:300px;background:#3fb9c9;filter:blur(100px);border-radius:50%;left:-150px;z-index:-1}@media(min-width:1025px){body{padding:25px}.view-btn{margin-top:20px}a{font-size:1.2em}h2{font-size:2rem}}.navbar{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#fff}.logo{height:40px}.link-container{display:flex;gap:20px}@media(min-width:1025px){.logo{height:60px}}.hero{display:flex;width:100%;padding:50px 20px;flex-direction:column;align-items:center;justify-content:center}.hero-title{font-size:1.2em;font-family:Outfit,sans-serif;font-weight:700;color:#333;z-index:2}.highlight{font-size:2em;display:block;color:#3fb9c9}.highlight2{color:#986aac}.hero-subtitle{font-size:1em;color:#000;margin-top:10px;text-align:center;max-width:600px;z-index:2}@media(min-width:1025px){.hero{height:60vh}.hero-title{font-size:2em}.hero-subtitle{font-size:1.2em}}.favourite{min-height:60vh;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.recipe-container{justify-content:space-evenly;width:90%;display:flex;justify-content:space-between;gap:20px}@media(min-width:481px){.recipe-container{height:60%;width:80%}}@media(min-width:1025px){.favourite{height:90vh}.recipe-container{width:80%;height:60%}}@media(max-width:768px)and (orientation:landscape){.favourite{height:auto;min-height:unset;padding:20px 0}.recipe-container{flex-wrap:wrap;justify-content:center}}.heading-title{font-family:Outfit,sans-serif;font-size:1em;font-weight:600;color:#000;padding:10px;border-bottom:3px solid #986AAC}@media(min-width:1025px){.heading-title{font-size:1.4rem}}.recipe-card{display:flex;height:100%;flex-direction:column;align-items:start;justify-content:space-evenly;border-radius:10px;margin-top:20px}.recipe-card button{margin-top:auto}.recipe-image{width:125px;height:125px;border-radius:8px}.image-container{position:relative;width:90px;height:130px}.recipe-image-background{width:125px;height:125px;background-color:#3fb9c9;position:absolute;top:-15px;left:15px;z-index:-1;border-radius:8px}.recipe-title{width:100%;font-family:Outfit,sans-serif;font-size:.8em;font-weight:600;padding:2px;margin:5px 0 0}.recipe-description{width:85%;font-family:Outfit,sans-serif;font-size:.7em;color:#555;margin:5px 0;padding:2px 5px 0 0}.recipe-details{width:100%;font-family:Outfit,sans-serif;font-size:.6em;color:#777;margin:2px 0}.custom-button{background-color:#986aac;width:80%;color:#fff;border:none;border-radius:25px;padding:5px 10px;font-family:Outfit,sans-serif;font-size:.7em;cursor:pointer;margin-top:10px}@media(min-width:1025px){.recipe-card{display:flex;height:100%;width:225px;flex-direction:column;align-items:start;justify-content:space-evenly;border-radius:10px;margin-top:20px}.recipe-description{font-size:.9rem;padding-right:20px;width:100%}.view-button{margin-top:5px}.recipe-image{height:150px;width:150px}.recipe-image-background{width:150px;height:150px}.recipe-title{font-size:1.2em;margin-top:5px}.recipe-description{font-size:1em}.recipe-details{font-size:.8em}}.content{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%}.content p{line-height:1.6;width:100%;margin-bottom:1em;text-align:center;padding:0 10px}@media(min-width:1025px){.content{height:40vh;justify-content:center;padding:100px}.content p{font-size:1.25rem;padding:0 50px}}.recipe-section{display:flex;justify-content:center;flex-wrap:wrap;width:100%;padding:5px}.recipe-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:2rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));row-gap:1.5rem;column-gap:1.2rem;width:100%;margin:0 auto;padding:10px;box-sizing:border-box}.search-bar{width:100%;max-width:400px;margin-top:20px;padding:5px 10px;border:1px solid #ccc;border-radius:4px}@media(min-width:1025px){.recipe-grid{gap:4rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recipe-header{font-size:1.5rem;margin-bottom:3rem}.recipe-title{margin-top:20px}}@media(max-width:768px)and (orientation:landscape){.search-bar{max-width:300px}}.contact-section{height:550px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:40px 20px;position:relative}.custom-button{width:300px;position:relative;overflow:hidden;z-index:1;transition:color .4s ease}.custom-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#3fb9c9;transition:width .4s ease;z-index:-1}.custom-button:hover:before{width:100%}.custom-button:hover{color:#fff}.contact-intro{margin-top:20px}input[type=text],input[type=number],input[type=email],input[type=search],textarea,select{font-size:16px!important}.command-list{list-style:none;padding-left:20px;margin-top:.5rem}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.form-container p{margin-bottom:1rem;font-weight:500}.contact-form{width:100%}form{display:flex;flex-direction:column;align-items:center;gap:1rem}.field{width:100%;padding:5px 10px;border:1px solid #ccc;border-radius:4px}.blur-circle4{position:absolute;width:200px;height:300px;background:#3fb9c9;filter:blur(100px);border-radius:50%;bottom:-2700px;left:-150px;z-index:-1}.blur-circle3{position:absolute;width:200px;height:300px;background:#986aac;filter:blur(80px);border-radius:50%;bottom:-3000px;right:-150px;z-index:-1}.alert{padding:1rem;margin-bottom:1.5rem;border-radius:4px;text-align:center;font-weight:500;animation:slideDown .3s ease-out}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1025px){.form-container{width:60%}}.recipe-detail-image{height:200px;width:200px}.large-recipe-image{width:100%;height:400px;object-fit:cover;border-radius:15px;display:block;margin-bottom:20px}.recipe-select-title{margin-bottom:20px}.recipe-detail-image{border-radius:8px}.recipe-showcase{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;margin:50px 0}.recipe-page{position:relative}.back-to-home{position:absolute;top:10px;right:0;background-color:#986aac;color:#fff;padding:5px 10px;border-radius:25px}.recipe-description-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:60%;text-align:center}.recipe-p{margin-bottom:5px}#voiceSelect{margin:10px 5px;padding:5px 20px;border-radius:25px;background-color:#f3f3f3}.recipe-image-container{position:relative}.background-img{width:200px;height:200px;background-color:#3fb9c9;position:absolute;top:-15px;left:15px;z-index:-1;border-radius:8px}.instructions-section{display:flex;flex-direction:column;align-items:center;padding:20px}.ingredients-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;height:250px}.ingredients-section ul{align-self:flex-start}.view-btn{margin-top:20px}@media(min-width:1025px){.cooking-content{display:flex}.recipe-p{padding:0 100px}.view-btn{width:50%}}.command-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.cooking-mode-instructions{font-size:1.1rem;color:#666;margin-bottom:25px}.command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;max-width:450px;margin:0 auto}.command-card{background:#fff;border:2px solid #eef0f2;border-radius:12px;padding:1px;display:flex;flex-direction:column;gap:5px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.command-trigger{font-size:1.2rem;font-weight:800;color:#8e67ab;text-transform:capitalize}.command-action{font-size:.85rem;color:#555;line-height:1.2}.command-card:hover{border-color:#8e67ab;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.cooking-mode-heading{width:50%}@media(min-width:1025px){.command-grid{max-width:600px}}.footer{box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:absolute;left:0;width:100vw;height:100px;margin-top:50px;padding:5px;background-color:#78c5cf}.footer-text{color:#fff;font-size:1rem}