:root{
  --main: #ff7f50;
  --bg: #fff8f2;
  --radius: 8px;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Arial,Helvetica,sans-serif;}
body{background:var(--bg);color:#333;}
header{background:var(--main);color:#fff;padding:1rem 2rem;}
header .container{max-width:1100px;margin:0 auto;}
.header-content{display:flex;align-items:center;gap:1.5rem;}
.logo{width:60px;height:60px;border-radius:50%;object-fit:cover;}
.header-text{flex:1;}
header h1{font-size:1.8rem;margin-bottom:0.3rem;}
header p{font-size:0.9rem;opacity:0.9;}
nav{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
nav .container{max-width:1100px;margin:0 auto;}
nav ul{list-style:none;display:flex;justify-content:center;padding:0;}
nav a{display:block;padding:1rem 1.5rem;text-decoration:none;color:#333;font-weight:500;transition:all 0.3s ease;}
nav a:hover,nav a.active{background:var(--main);color:#fff;}
main{max-width:1100px;margin:1.4rem auto;padding:0 1rem;}
.btn{background:#fff;color:var(--main);padding:.6rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;font-weight:600;}

/* Slideshow */
.slideshow{position:relative;max-width:1000px;margin:2rem auto;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.12);}
.slide-container{position:relative;}
.slideshow .slide{display:none;}
.slideshow .slide.active{display:block;}
.slideshow .slide img{width:100%;height:420px;object-fit:cover;}
.slide-text{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;padding:2rem;}
.slide-text h2{font-size:2rem;margin-bottom:0.5rem;}
.slide-text p{font-size:1.1rem;opacity:0.9;}
.slideshow .prev,.slideshow .next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;padding:1rem;font-size:1.5rem;cursor:pointer;border-radius:50%;transition:background 0.3s ease;}
.slideshow .prev:hover,.slideshow .next:hover{background:rgba(0,0,0,.8);}
.slideshow .prev{left:1rem;}
.slideshow .next{right:1rem;}

/* Features */
.features{padding:3rem 0;}
.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--main);}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.feature-card{background:#fff;padding:2rem;border-radius:var(--radius);text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15);}
.feature-icon{font-size:3rem;margin-bottom:1rem;}
.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--main);}
.feature-card p{margin-bottom:1.5rem;line-height:1.6;color:#666;}

/* Preview */
.preview{padding:2rem 0;background:rgba(255,127,80,.05);border-radius:var(--radius);margin:2rem 0;}
.preview h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--main);}
.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;}
.recipe-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.08);cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.recipe-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.15);}
.recipe-card img{width:100%;height:200px;object-fit:cover;}
.recipe-info{padding:1rem;}
.recipe-info .country{display:inline-block;background:var(--main);color:#fff;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;margin-bottom:0.5rem;}
.recipe-info h3{font-size:1.1rem;color:#333;margin:0;}

/* Filters */
.filters{padding:2rem 0;}
.filters h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--main);}
.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;}
.filter-btn{padding:0.8rem 1.5rem;border:2px solid var(--main);background:#fff;color:var(--main);border-radius:25px;cursor:pointer;font-weight:500;transition:all 0.3s ease;}
.filter-btn:hover,.filter-btn.active{background:var(--main);color:#fff;}

/* Recipe Grid */
.recipe-grid{padding:2rem 0;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;}

/* Upload */
.upload-section{max-width:600px;margin:2rem auto;padding:2rem;background:#fff;border-radius:var(--radius);box-shadow:0 4px 8px rgba(0,0,0,.1);}
.upload-section h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--main);}
.form-group{margin-bottom:1.5rem;}
.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:#333;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:0.8rem;border:1px solid #ddd;border-radius:var(--radius);font-size:1rem;}
.form-group textarea{resize:vertical;}
button[type=submit]{align-self:flex-start;padding:.6rem 1.2rem;border:none;border-radius:var(--radius);background:var(--main);color:#fff;cursor:pointer;}

/* About */
.about-section{padding:3rem 0;}
.about-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--main);}
.about-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;}
.about-text h3{font-size:1.5rem;margin-bottom:1rem;color:var(--main);}
.about-text p{line-height:1.8;margin-bottom:1.5rem;color:#666;}
.contact-info{background:#fff;padding:2rem;border-radius:var(--radius);box-shadow:0 4px 8px rgba(0,0,0,.1);}
.contact-info h3{font-size:1.3rem;margin-bottom:1rem;color:var(--main);}
.contact-info p{margin-bottom:0.8rem;color:#666;}
.social-links{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee;}

/* Modal */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:1000;align-items:center;justify-content:center;padding:1rem;}
.modal.show{display:flex;}
.modal-content{background:#fff;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border-radius:var(--radius);padding:2rem;position:relative;}
.close{position:absolute;top:.6rem;right:1rem;font-size:1.6rem;cursor:pointer;color:#777;}
.modal-content h2{color:var(--main);margin-bottom:1rem;}
.modal-content img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);margin:1rem 0;}
.recipe-details h3{color:var(--main);margin:1.5rem 0 0.5rem 0;}
.recipe-details ul{margin-left:1.5rem;}
.recipe-details li{margin-bottom:0.5rem;}

/* Utilities */
.page-content{display:none;}
.page-content.active{display:block;}
.text-center{text-align:center;}
.hidden{display:none;}

/* Responsive */
@media (max-width:768px){
  .header-content{flex-direction:column;text-align:center;gap:1rem;}
  .logo{width:50px;height:50px;}
  header h1{font-size:1.5rem;}
  .slide-text h2{font-size:1.5rem;}
  .feature-grid{grid-template-columns:1fr;gap:1.5rem;}
  .preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;}
  .filter-buttons{gap:0.5rem;}
  .filter-btn{padding:0.6rem 1rem;font-size:0.9rem;}
  .about-content{grid-template-columns:1fr;gap:2rem;}
  .slideshow .slide img{height:250px;}
}

footer{text-align:center;padding:1.5rem 0;font-size:.8rem;color:#777;}