@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.navbar{background:linear-gradient(120deg,var(--color-primary-dark),#020b04);padding:1rem 2rem;box-shadow:0 20px 40px #00000040;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.navbar-menu{display:flex;list-style:none;gap:2rem;align-items:center;margin:0;padding:0}.navbar-menu li a{color:#ffffffd9;font-weight:500;transition:background-color .3s,color .3s;padding:.5rem 1rem;border-radius:999px}.navbar-menu li a:hover{background-color:#f4a25926;color:#fff}.user-info{color:#fff;font-weight:500;font-size:.9rem}.logout-btn{background-color:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .3s,color .3s}.logout-btn:hover{background-color:#fff3;color:#fff}.login-link{border:1px solid rgba(255,255,255,.3);background-color:transparent}.signup-link{background-color:var(--color-secondary);color:#0f0f0f!important;font-weight:600}.signup-link:hover{background-color:#ffb072}@media (max-width: 768px){.navbar-container{flex-direction:column;gap:1rem}.navbar-menu{flex-wrap:wrap;justify-content:center;gap:1rem}}.recipe-search{display:flex;flex-direction:column;gap:1.5rem}.recipe-search-heading{text-align:center}.recipe-search-heading h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recipe-search-heading p{font-size:1.2rem;color:var(--color-muted)}.recipe-search-form{margin-top:.5rem}.recipe-search-input-wrapper{display:flex;gap:1rem;max-width:800px;margin:0 auto}.recipe-search-input{flex:1;padding:1rem 1.5rem;font-size:1.1rem;border:2px solid rgba(31,138,112,.25);border-radius:16px;outline:none;transition:border-color .3s,box-shadow .3s;background-color:#fff}.recipe-search-input:focus{border-color:var(--color-primary);box-shadow:0 10px 25px #1f8a7026}.recipe-search-button{padding:1rem 2rem;font-size:1.1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:16px;cursor:pointer;font-weight:600;transition:transform .3s,box-shadow .3s}.recipe-search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #0f4c3a4d}.recipe-search-button:disabled{opacity:.6;cursor:not-allowed}.recipe-register-prompt{max-width:600px;margin:0 auto;background:#04130c;padding:2rem;border-radius:16px;box-shadow:0 35px 55px #04130c59;text-align:center;color:#fff;border:1px solid rgba(244,162,89,.4)}.recipe-register-prompt .prompt-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.25rem}.recipe-register-prompt .btn{padding:.75rem 2rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:transform .3s}.recipe-register-prompt .btn-primary{background:var(--color-secondary);color:#0e120f}.recipe-register-prompt .btn-secondary{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.recipe-error-message{max-width:600px;margin:0 auto;background:#fee;padding:1.5rem;border-radius:8px;border-left:4px solid #f00;color:#c00}.recipe-loading{text-align:center;padding:2rem;color:var(--color-muted)}.recipe-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:1rem}.recipe-card{background:var(--color-card);border-radius:20px;box-shadow:0 25px 45px #00000014;border:1px solid rgba(31,138,112,.08);overflow:hidden;transition:transform .3s,box-shadow .3s}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 35px 55px #00000026}.recipe-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.recipe-card-header{display:flex;gap:1rem;align-items:center}.recipe-card-icon{width:50px;height:50px;border-radius:12px;background:#1f8a701f;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.recipe-card h3{margin:0;color:var(--color-dark)}.recipe-tag{display:inline-block;margin-top:.25rem;padding:.2rem .75rem;border-radius:999px;font-size:.85rem;background:#1f8a701f;color:var(--color-primary-dark)}.recipe-ingredients,.recipe-instructions{color:var(--color-muted);line-height:1.6;font-size:.95rem}.recipe-no-results{text-align:center;padding:2rem;color:var(--color-muted)}.recipe-search.hero .recipe-search-input-wrapper{flex-direction:column;max-width:600px}.recipe-search.hero .recipe-search-button{width:100%}.recipe-search.hero .recipe-results-grid{margin-top:2rem}.recipe-search.hero .recipe-card{background:#fffffff2}.recipe-search.hero .recipe-register-prompt{background:#04130cd9}@media (max-width: 768px){.recipe-search-heading h1{font-size:2.2rem}.recipe-search-input-wrapper{flex-direction:column}.recipe-results-grid{grid-template-columns:1fr}}.home{flex:1;background:linear-gradient(180deg,#f7fff7cc,#fff)}.hero{background:radial-gradient(circle at 20% 20%,rgba(244,162,89,.15),transparent 55%),linear-gradient(135deg,#072a1f,var(--color-primary-dark) 70%);color:#fff;padding:6rem 2rem;text-align:center}.hero-content{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;transition:transform .3s,box-shadow .3s;border:none;cursor:pointer;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-primary{background-color:var(--color-secondary);color:var(--color-dark)}.btn-secondary{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.8)}.hero-search{width:100%;margin-top:2.5rem;background:#ffffff14;border-radius:28px;padding:2rem;box-shadow:0 30px 60px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.features{padding:5rem 2rem;background-color:var(--color-light)}.container{max-width:1200px;margin:0 auto}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--color-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--color-card);padding:2rem;border-radius:18px;text-align:center;transition:transform .3s,box-shadow .3s;border-top:6px solid var(--color-primary);box-shadow:0 10px 30px #0000000d}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.feature-icon{font-size:3rem;margin-bottom:1rem;width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;background:#1f8a701a;color:var(--color-primary-dark)}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-primary-dark)}.feature-card p{color:var(--color-muted);line-height:1.6}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.hero-search{padding:1.5rem}}.about{flex:1;padding:4rem 2rem;background:radial-gradient(circle at 0% 0%,rgba(244,162,89,.08),transparent 45%),#f7fff7}.about-container{max-width:900px;margin:0 auto}.about h1{font-size:3rem;text-align:center;margin-bottom:3rem;color:#333;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content{display:flex;flex-direction:column;gap:3rem}.about-section{background:var(--color-card);padding:2rem;border-radius:16px;box-shadow:0 20px 40px #11111114;border-left:6px solid var(--color-secondary)}.about-section h2{font-size:1.8rem;margin-bottom:1rem;color:var(--color-primary-dark)}.about-section p{font-size:1.1rem;line-height:1.8;color:var(--color-muted)}@media (max-width: 768px){.about h1{font-size:2rem}.about-section{padding:1.5rem}}.recipes{flex:1;padding:4rem 2rem;background:radial-gradient(circle at 85% 15%,rgba(244,162,89,.12),transparent 45%),radial-gradient(circle at 10% 40%,rgba(31,138,112,.15),transparent 50%),#f4f9f4}.recipes-container{max-width:1200px;margin:0 auto}.cuisines{flex:1;padding:4rem 2rem;background:linear-gradient(180deg,#f7fff7,#f0f5f0)}.cuisines-container{max-width:1200px;margin:0 auto}.cuisines h1{font-size:3rem;text-align:center;margin-bottom:1rem;color:#333;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cuisines-subtitle{text-align:center;font-size:1.2rem;color:var(--color-muted);margin-bottom:3rem}.cuisines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.cuisine-card{background:var(--color-card);padding:2rem;border-radius:20px;text-align:center;box-shadow:0 25px 45px #00000014;transition:transform .3s,box-shadow .3s;cursor:pointer;border:1px solid rgba(31,138,112,.08)}.cuisine-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.cuisine-emoji{font-size:4rem;margin-bottom:1rem}.cuisine-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-primary-dark)}.cuisine-card p{color:var(--color-muted);line-height:1.6}@media (max-width: 768px){.cuisines h1{font-size:2rem}.cuisines-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}.contact{flex:1;padding:4rem 2rem;background:radial-gradient(circle at 10% 20%,rgba(244,162,89,.1),transparent 40%),linear-gradient(180deg,#f7fff7,#edf3ef)}.contact-container{max-width:1000px;margin:0 auto}.contact h1{font-size:3rem;text-align:center;margin-bottom:1rem;color:#333;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{text-align:center;font-size:1.2rem;color:var(--color-muted);margin-bottom:3rem}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;background:#04130c;padding:3rem;border-radius:24px;box-shadow:0 40px 60px #04130c73;border:1px solid rgba(244,162,89,.2);color:#fff}.contact-info h2{font-size:1.8rem;margin-bottom:2rem;color:var(--color-secondary)}.info-item{margin-bottom:2rem}.info-item strong{display:block;font-size:1.1rem;margin-bottom:.5rem;color:var(--color-secondary)}.info-item p{color:#ffffffbf;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:1.5rem;color:#fff}.form-group label{margin-bottom:.5rem;font-weight:600;color:#ffffffd9}.form-group input,.form-group textarea{padding:.75rem;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;font-family:inherit;transition:border-color .3s,box-shadow .3s;background-color:#ffffff0f;color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #f4a25940}.submit-button{padding:1rem 2rem;font-size:1.1rem;background:linear-gradient(135deg,var(--color-secondary),#ffbb85);color:#fff;border:none;border-radius:999px;cursor:pointer;font-weight:600;transition:transform .3s,box-shadow .3s;align-self:flex-start}.submit-button:hover{transform:translateY(-2px);box-shadow:0 20px 35px #f4a25959}.success-message{background:#1f8a7026;color:#c3f7d7;padding:1rem;border-radius:12px;border:1px solid rgba(31,138,112,.4);text-align:center;font-weight:600}@media (max-width: 768px){.contact h1{font-size:2rem}.contact-content{grid-template-columns:1fr;padding:2rem}}.auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 20% 20%,rgba(244,162,89,.15),transparent 50%),linear-gradient(135deg,#04140d,var(--color-primary-dark));min-height:calc(100vh - 80px)}.auth-container{background:#fffffff2;padding:3rem;border-radius:24px;box-shadow:0 45px 65px #00000040;width:100%;max-width:500px;border:1px solid rgba(31,138,112,.1)}.auth-container h1{font-size:2rem;text-align:center;margin-bottom:.5rem;color:#333;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{text-align:center;color:var(--color-muted);margin-bottom:2rem;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-toggle{display:flex;gap:.5rem;background:#f0f5f1;padding:.25rem;border-radius:16px}.auth-toggle button{flex:1;padding:.75rem;border:none;background:transparent;border-radius:12px;cursor:pointer;font-weight:600;color:var(--color-muted);transition:all .3s}.auth-toggle button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600;color:var(--color-dark)}.form-group input{padding:.75rem;border:2px solid rgba(31,138,112,.15);border-radius:12px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1f8a7026}.auth-button{padding:1rem;font-size:1.1rem;background:linear-gradient(135deg,var(--color-secondary),#ffb87a);color:#fff;border:none;border-radius:999px;cursor:pointer;font-weight:600;transition:transform .3s,box-shadow .3s;margin-top:.5rem}.auth-button:hover{transform:translateY(-2px);box-shadow:0 20px 35px #f4a25959}.error-message{background:#fee;color:#c00;padding:.75rem;border-radius:8px;border-left:4px solid #f00;font-size:.9rem}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--color-muted)}.auth-footer a{color:var(--color-primary);font-weight:600}.auth-footer a:hover{text-decoration:underline}@media (max-width: 768px){.auth-container{padding:2rem}.auth-container h1{font-size:1.5rem}}.App{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #1f8a70;--color-primary-dark: #0f4c3a;--color-secondary: #f4a259;--color-dark: #111;--color-muted: #6c757d;--color-light: #f7fff7;--color-card: #ffffff;--shadow-soft: 0 15px 35px rgba(15, 76, 58, .15)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,rgba(31,138,112,.12),transparent),#f1f5f2;color:var(--color-dark)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}