*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;color:#000;display:flex;flex-direction:column;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;display:flex;width:100%}.nav{position:fixed;left:0;top:0;display:flex;flex-direction:column;height:100vh;width:80px;justify-content:flex-start;background-color:#fff;align-items:center;color:#128240;border-right:1px solid rgb(18,130,64);z-index:100;padding-top:20px;transition:transform .3s ease-in-out}.nav-logo{color:#128240;margin-bottom:2rem;font-size:2rem}.nav-links{display:flex;flex-direction:column;gap:2rem;width:100%;padding:0 10px}.nav-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#128240;padding:12px 0;border-radius:8px;transition:all .2s ease}.nav-link:hover{background-color:#1282401a}.nav-link-active{background-color:#12824026}.nav-link-text{font-size:.7rem;margin-top:5px;font-weight:500}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:200;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:#fff;border-radius:4px;border:1px solid rgb(18,130,64);padding:5px;cursor:pointer}.hamburger-line{height:3px;width:100%;background-color:#128240;border-radius:2px}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:90;display:none}.content-area{margin-left:80px;width:calc(100% - 80px);padding-top:20px;min-height:100vh;display:flex;flex-direction:column}.recipes-area{display:flex;justify-content:center;align-items:flex-start;flex-flow:row wrap;gap:20px;padding:20px;background-color:#fff;border-radius:8px;width:100%}.recipe-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px;width:100%}.cards{border-radius:16px;overflow:hidden;background:#f2f2f2fc;font-family:arial,sans-serif;color:#000;display:flex;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s}.cards:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.cards img{width:100%;height:200px;object-fit:cover}.cards-content{padding:16px;flex:1;display:flex;flex-direction:column}.cards h2{margin:0 0 8px;font-size:1.5rem;color:#000}.cards button{margin-top:auto;width:100%;padding:10px 0;background:linear-gradient(90deg,#128240,#4ac225);color:#e9e9e9;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.cards button.non-veg{background:linear-gradient(90deg,#b01f14,#f9c938)}#loveIMG:hover{transition-duration:.8s;transform:scale(1.1)}.auth-form-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/images/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:1rem;color:#fff}.auth-form-wrapper{height:100%;width:100%;display:flex;justify-content:space-evenly;align-items:center;gap:1rem;flex-wrap:wrap}.auth-form{max-width:400px;width:100%;margin:0 auto;padding:2rem;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:15px;text-decoration:none}.auth-form h2{margin:0 0 1rem;font-weight:700;font-size:1.5rem;text-align:center;letter-spacing:1px;color:#219653}.auth-form input{padding:.85rem;border-radius:6px;border:1.5px solid #81c784;background:#fff;color:#222;font-size:1rem;outline:none;transition:border .2s}.auth-form input:focus{border-color:#219653}.auth-form button,.download-btn{padding:.85rem;border-radius:6px;border:none;background:linear-gradient(90deg,#219653,#6fcf97);color:#fff;font-weight:700;cursor:pointer;font-family:inherit;font-size:1.1rem;letter-spacing:.5px;transition:background .2s;margin-top:.5rem}.auth-form button:hover{background:linear-gradient(90deg,#1b7942,#5cb981)}.auth-form p{color:#555;margin-top:1.5rem;font-size:1rem;text-align:center}.auth-link{color:#219653;cursor:pointer;text-decoration:underline;font-weight:700}.auth-background{height:100%;width:100%;display:flex}.auth-info-text{font-size:1.5rem}.profile-page{width:100%;min-height:100vh;background:#fafafa;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;color:#222;padding:1rem}.profile-header{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #eee;background:#fff;box-shadow:0 2px 6px #0000000d;z-index:2}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid #fff;object-fit:cover;margin-bottom:12px;box-shadow:0 4px 12px #0000001a}.profile-username{font-size:28px;font-weight:700;margin-bottom:4px;text-align:center}.profile-country{font-size:16px;color:#e53935;font-weight:600;letter-spacing:2px;margin-bottom:16px;text-align:center}.profile-logout-btn{background:#0f701c;color:#fff;border:none;border-radius:24px;padding:10px 24px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #08991626;transition:all .2s}.profile-logout-btn:hover{transform:scale(1.05)}.profile-grid{flex:1;width:100%;padding:1.5rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;box-sizing:border-box}.profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 10px #00000014;overflow:hidden;transition:transform .2s,box-shadow .3s;display:flex;flex-direction:column;width:100%;min-height:280px;max-width:320px;margin:0 auto}.profile-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.profile-card-img{width:100%;height:180px;object-fit:cover;display:block}.profile-card-link{text-decoration:none}.profile-card-title{padding:16px;font-size:18px;font-weight:600;color:#000;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.generate-container{width:100%;min-height:100vh;margin:0;background:#fff;color:#222;display:flex;flex-direction:column;font-family:"'Segoe UI', 'Roboto', Arial, sans-serif"}.generate-header{padding:1rem 1.5rem;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;background:#f6f8fa;border-bottom:1px solid #eaecef;display:flex;align-items:center;gap:.625rem;color:#1a7f37;position:sticky;top:0;z-index:10}.generate-messages{flex:1;padding:1.5rem 1rem;overflow-y:auto;background:#fff}.generate-dish-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;justify-content:center;margin:2rem 0}.generate-dish-card{background:#f6f8fa;border:1px solid #eaecef;border-radius:1rem;box-shadow:0 2px 8px #228b2212;display:flex;flex-direction:column;align-items:center;padding:1.125rem;transition:transform .15s,box-shadow .15s;cursor:pointer;text-decoration:none;color:inherit}.generate-dish-card:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 6px 24px #228b2221;border-color:#1a7f37}.generate-dish-image{width:5.625rem;height:5.625rem;border-radius:50%;object-fit:cover;margin-bottom:.875rem;border:3px solid #1a7f37;background:#fff}.generate-dish-title{font-weight:600;font-size:1.1rem;margin-bottom:.375rem;color:#1a7f37;text-align:center;display:flex;justify-content:space-between;align-items:center;gap:.3125rem;width:100%}.generate-input-row{display:flex;padding:1.25rem 1.5rem;border-top:1px solid #eaecef;background:#fff;position:sticky;bottom:0}.generate-input{flex:1;padding:.75rem 1rem;border-radius:.625rem;border:1px solid #eaecef;background:#f6f8fa;color:#222;font-size:1.05rem;outline:none}.generate-send-btn{margin-left:.625rem;background:#1a7f37;color:#fff;border:none;border-radius:.625rem;padding:0 1.375rem;font-size:1.3rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.generate-send-btn:hover{background:linear-gradient(90deg,#43c67a 60%,#1a7f37)}.about-page{min-height:100vh;background-color:#f0fdf4;padding:clamp(20px,5vw,40px);text-align:center;display:flex;flex-direction:column;justify-content:center}.about-header{font-size:clamp(1.8rem,6vw,2.5rem);font-weight:700;color:#065f46;margin-bottom:clamp(20px,5vw,40px);padding:0 10px}.about-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(20px,4vw,30px);max-width:1200px;margin:0 auto;width:100%;padding:0 clamp(10px,3vw,20px)}.about-team-member{background-color:#bbf7d0;padding:clamp(15px,3vw,20px);border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.about-team-member:hover{background-color:#86efac;transform:translateY(-5px);box-shadow:0 8px 16px #0003}.about-member-image{width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px);border-radius:50%;border:4px solid #34d399;background-color:#d1fae5;display:flex;align-items:center;justify-content:center;margin-bottom:clamp(10px,2vw,15px);overflow:hidden}.about-member-name{font-size:clamp(1.1rem,3vw,1.25rem);font-weight:600;color:#064e3b;margin:0 0 8px;line-height:1.3}.about-member-role{font-size:clamp(.9rem,2.5vw,1rem);color:#047857;margin:0 0 12px;font-weight:500}.about-member-bio{font-size:clamp(.85rem,2.5vw,.9rem);color:#065f46;line-height:1.5;margin:0}.about-content{max-width:800px;margin:clamp(30px,6vw,50px) auto 0;padding:0 clamp(15px,4vw,30px)}.about-content h2{font-size:clamp(1.3rem,4vw,1.8rem);font-weight:600;color:#065f46;margin-bottom:20px}.about-content p{font-size:clamp(.9rem,2.5vw,1.1rem);color:#065f46;line-height:1.6;text-align:left}.footer{background:#128240;color:#fff;width:100%;font-family:Arial,sans-serif}.footer-content{max-width:1200px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,1.25rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(1.5rem,4vw,2.5rem)}.footer-brand h2{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;margin-bottom:.625rem}.footer-brand p{font-size:clamp(.8rem,2.5vw,.9rem);color:#fffc;line-height:1.5}.footer-links h3,.footer-contacts h3{font-size:clamp(1rem,3vw,1.1rem);font-weight:600;margin-bottom:.625rem}.footer-links ul{list-style:none;padding:0;margin:0;font-size:clamp(.8rem,2.5vw,.9rem)}.footer-links li{margin-bottom:.5rem}.footer-links a{text-decoration:none;color:#fff;display:block}.footer-contact-item{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.footer-contact-link{text-decoration:none;color:#fff;display:flex;align-items:center;gap:.25rem}.footer-bottom{background:#0f6432;text-align:center;padding:clamp(.75rem,2vw,.9375rem) 0;font-size:clamp(.75rem,2.5vw,.85rem);color:#fffc}.scroll-to-top{position:fixed;bottom:20px;right:20px;background:#27ab5e;color:#fff;border:none;padding:12px 16px;border-radius:50%;cursor:pointer;font-size:20px;transition:background .3s,transform .3s;z-index:1000}.scroll-to-top:hover{background:#128240;transform:scale(1.1)}.recipe-page{padding:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.5rem);min-height:100vh;width:100%;box-sizing:border-box}.recipe-body{width:100%;max-width:800px}.recipe-image{width:100%;max-width:500px;height:auto;border-radius:8px}.Toastify__toast-container{z-index:9999}.Toastify__toast{border-radius:8px;font-family:Segoe UI,sans-serif}.Toastify__toast--success{background:#43a047}.Toastify__toast--error{background:#e53935}@media (max-width: 768px){.nav{transform:translate(-100%);width:70vw;max-width:250px;box-shadow:2px 0 10px #0000001a}.nav-open{transform:translate(0)}.mobile-menu-toggle{display:flex}.nav-overlay{display:block}.nav-link{flex-direction:row;justify-content:flex-start;padding:15px 20px;gap:15px}.nav-link-text{font-size:1rem;margin-top:0}.content-area{margin-left:0;width:100%;padding-top:60px}.recipe-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:15px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem .5rem}.profile-header{padding:1.5rem 1rem}.profile-avatar{width:100px;height:100px}.profile-username{font-size:1.5rem}.generate-dish-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.generate-input-row{padding:1rem;flex-direction:column;gap:.5rem}.generate-send-btn{margin-left:0;padding:.5rem;width:100%}.auth-form{padding:1.5rem}}@media (max-width: 480px){.recipe-cards{grid-template-columns:1fr;padding:10px}.profile-grid{grid-template-columns:1fr}.generate-dish-cards{grid-template-columns:1fr;max-width:300px;margin-left:auto;margin-right:auto}.generate-header{padding:.75rem 1rem}.generate-messages{padding:1rem .5rem}.footer-content{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.nav{width:90px}.nav-logo{font-size:1.8rem}.nav-link{padding:15px 0}.nav-link svg{width:28px;height:28px}.content-area{margin-left:90px;width:calc(100% - 90px)}}@media (min-width: 1025px){.nav{width:100px}.nav-logo{font-size:2.2rem}.nav-link{padding:18px 0}.nav-link svg{width:30px;height:30px}.nav-link-text{font-size:.8rem}.content-area{margin-left:100px;width:calc(100% - 100px)}}@media (min-width: 1200px){.recipe-cards{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.generate-dish-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem}}@media (min-width: 1440px){.nav{width:120px}.nav-logo{font-size:2.5rem;margin-bottom:3rem}.nav-links{gap:2.5rem}.nav-link{padding:20px 0}.nav-link svg{width:32px;height:32px}.nav-link-text{font-size:.9rem}.content-area{margin-left:120px;width:calc(100% - 120px)}}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.hidden{display:none}.visible{display:block}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.align-center{align-items:center}.w-100{width:100%}.h-100{height:100%}.user-img{width:inherit;height:inherit;border-radius:50%}.about-member-image{color:#000;display:flex;justify-content:center;align-items:center}html,body{font-family:Raleway,sans-serif;color:#333;line-height:1.6;background-color:#f8f8f8;width:100%}.recipe-page{min-height:100vh;position:relative;padding:0;display:flex;flex-direction:column;width:100%;overflow:hidden}.recipe-background{position:absolute;top:0;left:0;width:100%;height:50vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.recipe-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#000000b3)}.recipe-content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.recipe-header{text-align:center;margin:30vh 0 3rem 0;padding:2.5rem;background:transparent;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;transform:translateY(-20%);position:relative;overflow:hidden}.recipe-title{font-family:Montserrat,sans-serif;font-size:2.8rem;font-weight:700;color:#d1c7c7;margin-bottom:.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.1);letter-spacing:.5px}.recipe-container{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px #00000014;margin-bottom:2rem;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden;width:100%}.recipe-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(76,175,80,.03) 0%,transparent 100%);pointer-events:none}.recipe-image-container{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #0000001f;height:fit-content;transition:transform .3s ease}.recipe-image-container:hover{transform:translateY(-5px)}.recipe-image{width:100%;display:block;border-radius:18px;transition:transform .5s ease}.recipe-image-container:hover .recipe-image{transform:scale(1.03)}.recipe-body{font-size:1.1rem;line-height:1.7;padding:1.8rem;background:#f8f8f880;border-radius:18px;border:1px solid rgba(0,0,0,.03)}.recipe-body h2,.recipe-body h3,.recipe-body h4{color:#2c5e2e;margin:1.5rem 0 .8rem;font-weight:600;font-family:Montserrat,sans-serif;position:relative;display:inline-block}.recipe-body h2:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#2c5e2e,#4caf50);border-radius:3px}.recipe-body h2{font-size:1.8rem;padding-bottom:.5rem}.recipe-body p{margin-bottom:1.2rem;color:#444}.recipe-body ul,.recipe-body ol{margin:1rem 0;padding-left:1.8rem}.recipe-body li{margin-bottom:.7rem;position:relative;color:#444}.recipe-body li:before{content:"•";color:#4caf50;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.recipe-body strong{color:#2c5e2e;font-weight:600}.recipe-body a{color:#2c5e2e;text-decoration:none;transition:all .3s ease;border-bottom:1px dotted #2c5e2e;padding-bottom:1px}.recipe-body a:hover{color:#4caf50;border-bottom:1px solid #4caf50}.recipe-header:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80%;height:4px;background:linear-gradient(90deg,transparent,#4caf50,transparent);border-radius:2px}@media (max-width: 968px){.recipe-container{grid-template-columns:1fr;padding:2rem;gap:2rem}.recipe-title{font-size:2.2rem}.recipe-header{margin:25vh 0 3rem 0;padding:2rem}.recipe-content{padding:1.5rem}}@media (max-width: 600px){.recipe-content{padding:1rem}.recipe-container{padding:1.5rem;gap:1.5rem;border-radius:20px}.recipe-title{font-size:1.8rem}.recipe-header{padding:1.5rem;margin:20vh 0 2rem 0;border-radius:16px}.recipe-body{padding:1.2rem;font-size:1rem}.recipe-body h2{font-size:1.6rem}.recipe-image-container,.recipe-image{border-radius:14px}}@keyframes subtleGlow{0%{box-shadow:0 10px 30px #0000001a}50%{box-shadow:0 10px 30px #4caf5026}to{box-shadow:0 10px 30px #0000001a}}.recipe-header{animation:subtleGlow 4s infinite ease-in-out}.recipe-container:after{content:"";position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-top:2px solid #4caf50;border-right:2px solid #4caf50;border-radius:0 18px 0 0;opacity:.7}.recipe-container:before{content:"";position:absolute;bottom:-2px;left:-2px;width:20px;height:20px;border-bottom:2px solid #4caf50;border-left:2px solid #4caf50;border-radius:0 0 0 18px;opacity:.7}@media print{html,body{height:auto}*{page-break-inside:avoid}.recipe-background,.recipe-header,.nav,.mobile-menu-toggle,.footer,.download-btn{display:none}}