body{font-family:Roboto,sans-serif}.heroContainer{display:flex;align-items:center;justify-content:space-between;padding:4rem 3rem;background:#fff7f3;min-height:80vh}.hero-left{max-width:50%}.hero-left h1{font-size:3rem;color:#333}.hero-left h1 span{color:tomato}.hero-left p{margin-top:1rem;color:#555;line-height:1.6;font-size:1.1rem}.inputAndButton{margin-top:2rem;display:flex;gap:.8rem}.exploreInput{padding:.8rem 1rem;border:2px solid #ff6347;border-radius:8px;font-size:1rem;flex:1;width:60%}.exploreButton,.registerBtn{background:tomato;border:none;padding:.8rem 1.5rem;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s}.exploreButton:hover{background:#ff4500}.hero-right img{width:500px;border-radius:16px;box-shadow:0 8px 24px #0000001a}.searchWrapper{position:relative;width:100%}.dropdown{position:absolute;top:80%;color:#333}ul{list-style-type:none}li{padding:.5rem 1rem;cursor:pointer;transition:background .3s;background-color:#ff4500}@media (max-width:768px){.heroContainer{flex-direction:column;padding:2rem 1.5rem;text-align:center}.hero-left,.hero-right{max-width:100%}.hero-right img{width:100%}.hero-left h1{font-size:2.5rem}.hero-left p{padding:1rem}.registerBtn{margin-bottom:20px}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e5e5e5;position:relative;z-index:1000}.logo{font-size:1.5rem;font-weight:600}.logo a{text-decoration:none;color:#2c3e50;font-family:Playfair Display,serif}.links{display:flex;gap:1.5rem;align-items:center;transition:all .3s ease}.links a{text-decoration:none;font-size:1rem;font-weight:500;color:#444;font-family:Roboto,sans-serif;transition:color .3s ease;padding:.5rem 0}.links a:hover{color:#ff7043}.welcome-text{color:#2c3e50;font-weight:600}.logout-btn{border:none;padding:10px 18px;font-size:1rem;font-weight:500;background:#ff7043;color:#fff;border-radius:6px;cursor:pointer;transition:background .3s ease}.logout-btn:hover{background:#e85c30}.menu-toggle{display:none;font-size:1.8rem;cursor:pointer;color:#2c3e50;padding:.5rem}@media (max-width: 768px){.navbar{padding:.75rem 1rem}.logo{font-size:1.4rem}.menu-toggle{display:block}.links{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;box-shadow:0 4px 12px #0000001a;border-top:1px solid #e5e5e5}.links.active{max-height:500px;padding:1rem 1.5rem}.links a,.links .logout-btn{width:100%;text-align:left;padding:.85rem 0;border-bottom:1px solid #f0f0f0;font-size:1.1rem}.links a:last-child,.links .logout-btn{border-bottom:none}.links .logout-btn{margin-top:.5rem;width:auto;align-self:flex-start;padding:10px 18px}}@media (max-width: 480px){.navbar{padding:.75rem 1rem}.logo{font-size:1.3rem}.links.active{padding:.75rem 1rem}.links a,.links .logout-btn{padding:.75rem 0;font-size:1rem}}body{background:#fefefe;font-family:Poppins,sans-serif;margin:0;padding:0}.recipes-page-container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.recipes-header{text-align:center;margin-bottom:2rem}.recipes-title{font-size:2.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px}.chef-hat{font-size:2rem}.search-wrapper{position:relative;max-width:400px;margin:1rem auto}.search-wrapper input{width:100%;padding:.7rem 1rem .7rem 2.5rem;border-radius:10px;border:1px solid #ccc;font-size:1rem;outline:none}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#888}.recipe-section{margin-bottom:2.5rem}.section-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#333}.section-carousel{display:flex;overflow-x:auto;gap:1rem;padding-bottom:.5rem;scroll-behavior:smooth}.section-carousel::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.recipe-card{min-width:240px;background:#fff;border-radius:15px;overflow:hidden;text-decoration:none;color:inherit;flex:0 0 auto;box-shadow:0 4px 15px #00000012;transition:transform .3s ease,box-shadow .3s ease}.recipe-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026}.recipe-image-wrapper{position:relative;overflow:hidden}.recipe-image-wrapper img{width:100%;height:160px;object-fit:cover;transition:transform .3s ease}.recipe-card:hover img{transform:scale(1.05)}.food-type-tag{position:absolute;top:10px;right:10px;padding:5px 12px;border-radius:25px;font-size:.75rem;font-weight:600;color:#fff}.food-type-tag.veg{background:#4caf50}.food-type-tag.non-veg{background:#ff5252}.recipe-content{padding:.8rem}.recipe-content h3{margin:0;font-size:1rem;font-weight:600;color:#333}.recipe-meta{display:flex;align-items:center;gap:.8rem;margin-top:.4rem;font-size:.85rem;color:#666}.recipe-meta .icon{margin-right:.3rem;color:tomato}@media (max-width: 768px){.recipes-title{font-size:2rem}.recipe-card{min-width:200px}.search-wrapper{display:flex;align-items:center;width:60%}}@media (max-width: 480px){.search-wrapper{width:90%}}.filterByCuisineContainer{padding:40px 20px;background-color:#f8f9fa;text-align:center}.section-carousel{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:20px;padding:10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.section-carousel::-webkit-scrollbar{height:8px}.section-carousel::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.section-carousel::-webkit-scrollbar-track{background:#f1f1f1}.cuisine-card{flex:0 0 auto;width:200px;height:250px;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.cuisine-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003}.cuisine-card img{width:100%;height:70%;object-fit:cover;border-bottom:2px solid #f0f0f0}.cuisine-card h3{font-size:1.2rem;font-weight:600;color:#333;margin:10px 0;text-align:center;text-transform:capitalize}@media (max-width: 768px){.section-title{font-size:1.5rem}.cuisine-card{width:150px;height:200px}.cuisine-card h3{font-size:1rem}}@media (max-width: 480px){.section-title{font-size:1.2rem}.cuisine-card{width:120px;height:160px}.cuisine-card h3{font-size:.9rem}}.authContainer{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#e3f2f9,#eef2f3);padding:20px}.authForm{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px 30px;width:100%;max-width:420px;box-shadow:0 8px 24px #0000001f;transition:transform .3s ease,box-shadow .3s ease}.authForm:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000002e}.authForm h1,.authForm h2{text-align:center;font-size:1.8rem;font-weight:700;margin-bottom:25px;background:linear-gradient(135deg,#ff6a00,#ee0979);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.authForm .row{display:flex;flex-direction:column;margin-bottom:18px}.authForm .row label{margin-bottom:6px;font-weight:600;font-size:.9rem;color:#333}.authForm .row input{padding:12px 14px;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;transition:border .3s ease,box-shadow .3s ease;background:#fdfdfd}.authForm .row input:focus{border:1px solid #ff6a00;box-shadow:0 0 0 3px #ff6a0026}.authForm .submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#ff6a00,#ee0979);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:background .3s ease,transform .2s ease}.authForm .submit-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ee0979,#ff6a00)}.authForm .resend{text-align:center;margin-top:15px;font-size:.9rem;color:#444}.authForm .resend span{color:#ff6a00;font-weight:600;cursor:pointer;transition:color .2s ease}.authForm .resend span:hover{color:#ee0979}.alert{margin-bottom:15px;padding:10px 15px;border-radius:6px;font-size:14px;font-weight:500;text-align:center}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.recipe-table-container{width:100%;overflow-x:auto;margin-top:1rem}.recipe-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.recipe-table th,.recipe-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.recipe-table th{background:#f5f5f5;font-weight:600}.recipe-img{width:70px;height:70px;object-fit:cover;border-radius:6px}.no-data{text-align:center;padding:1rem;color:#666}.delete-btn{border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;background:#ff4d4d;color:#fff;transition:background .3s ease}.delete-btn:hover{background:#d93636}.addRecipeBtn{display:inline-block;padding:10px 18px;margin-top:8px;background-color:#4cafef;color:#fff;font-weight:600;text-decoration:none;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease-in-out}.addRecipeBtn:hover{background-color:#2196f3;transform:scale(1.05)}.addRecipeBtn:active{background-color:#1976d2;transform:scale(.98)}.dashboardContainer{padding:2rem;background:#fafafa;min-height:100vh}.dashboardTitle{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;color:#2c3e50}.myRecipes{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000000d}.addRecipeContainer{max-width:600px;margin:40px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}.formTitle{text-align:center;font-size:1.8rem;margin-bottom:20px;color:#333}.addRecipe{display:flex;flex-direction:column;gap:15px}.addRecipe input,.addRecipe textarea{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;outline:none;transition:border .2s}.addRecipe input:focus,.addRecipe textarea:focus{border-color:#4cafef}.addRecipe textarea{min-height:80px;resize:vertical}.submitBtn{background:#4cafef;color:#fff;font-size:1rem;font-weight:600;padding:12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.submitBtn:hover{background:#2196f3;transform:scale(1.05)}.foodTypeLabel{font-weight:600;font-size:1rem;color:#333;margin-top:10px;margin-bottom:5px}.addRecipe input[type=file]{padding:12px;border:2px dashed #ccc;border-radius:6px;font-size:.95rem;background:#f9f9f9;cursor:pointer;transition:all .2s}.addRecipe input[type=file]:hover{border-color:#4cafef;background:#f0f8ff}.addRecipe input[type=file]::file-selector-button{background:#4cafef;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-right:12px;transition:background .2s}.addRecipe input[type=file]::file-selector-button:hover{background:#2196f3}.addRecipe select{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;outline:none;transition:border .2s;background:#fff;cursor:pointer}.addRecipe select:focus{border-color:#4cafef}.imagePreviewContainer{margin-top:10px;display:flex;justify-content:center}.previewImage{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 2px 8px #0000001a;object-fit:cover}.detailed-recipe{max-width:800px;margin:40px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.detailed-recipe h1{font-size:2.2rem;margin-bottom:10px;color:#222}.detailed-recipe .creator{font-size:.95rem;color:#666;margin-bottom:20px}.detailed-recipe img{width:100%;max-height:400px;object-fit:cover;border-radius:10px;margin-bottom:20px}.detailed-recipe .description{font-size:1.1rem;line-height:1.6;margin-bottom:25px;color:#333}.detailed-recipe h2{font-size:1.5rem;margin-bottom:12px;color:#444}.detailed-recipe ul{list-style:disc inside;margin-bottom:25px;padding-left:10px}.detailed-recipe li{margin-bottom:6px;font-size:1rem;color:#fafafa}.detailed-recipe .likes{font-size:1rem;color:#e63946;font-weight:700}.detailed-recipe .like-btn{background:#e63946;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.detailed-recipe .report-btn{background:#fae20a;color:#070707;border:none;padding:10px 18px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease;margin-left:10px}.like-btn{padding:10px 16px;margin-right:10px;border:none;border-radius:8px;background-color:#f0f0f0;cursor:pointer;transition:.3s}.like-btn:hover{background-color:#ffd6d6}.like-btn.liked{background-color:#ff5f6d;color:#fff}.about-author{margin-top:30px;padding:20px;background:#f9f9f9;border-left:4px solid #ff7043;border-radius:8px;text-align:center}.author-title{font-size:1.5rem;margin-bottom:10px;color:#333}.author-text{font-size:1.1rem;margin-bottom:12px;color:#555}.highlight{font-weight:700;color:#ff7043}.portfolio-link{display:inline-block;padding:10px 20px;background:#ff7043;color:#fff;border-radius:6px;text-decoration:none;font-weight:700;transition:.3s}.portfolio-link:hover{background:#e65c2c}.about-support{margin:40px 0;padding:24px;border-radius:16px;background:#fff9f9;border:1px solid #ffd6d6;box-shadow:0 4px 10px #0000000d;text-align:center}.support-title{font-size:1.8rem;color:#e63946;margin-bottom:12px}.support-text{font-size:1rem;color:#444;margin:10px 0;line-height:1.6}.support-list{text-align:left;max-width:500px;margin:0 auto 16px;padding-left:20px;color:#333;font-size:.95rem}.support-button{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#ff5f6d,#f96);color:#fff;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease}.support-button:hover{background:linear-gradient(135deg,#f96,#ff5f6d);transform:scale(1.05)}
