*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Montserrat','Arial',sans-serif;line-height:1.8;color:#0a0a0a;background:linear-gradient(to bottom,#fff3e0 0%,#ffe0b2 50%,#ffcc80 100%);font-size:19px;min-height:100vh;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}
.navbar{background:linear-gradient(to right,#ff6f00 0%,#ff8f00 100%);padding:2.2rem 0;box-shadow:0 8px 30px rgba(255,111,0,0.4),inset 0 2px 0 rgba(255,255,255,0.2);position:sticky;top:0;z-index:1000;border-bottom:4px solid #ffb74d;}
.navbar .container{display:flex;justify-content:space-between;align-items:center;}
.logo h1{color:#ffffff;font-size:3.6rem;font-weight:900;letter-spacing:4px;text-shadow:3px 3px 8px rgba(0,0,0,0.3),0 0 25px rgba(255,255,255,0.3);text-transform:uppercase;}
.nav-links{display:flex;list-style:none;gap:4rem;}
.nav-links a{color:#fff3e0;text-decoration:none;font-weight:800;transition:all 0.3s;font-size:1.25rem;padding:12px 20px;border-radius:12px;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;}
.nav-links a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.2);transition:left 0.3s;}
.nav-links a:hover{color:#ffffff;transform:translateY(-3px) scale(1.05);}
.nav-links a:hover::before{left:100%;}
.hero{background:linear-gradient(135deg,#ff6f00 0%,#ff8f00 50%,#ffb74d 100%);color:#ffffff;padding:180px 20px;text-align:center;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 2px,transparent 2px);background-size:60px 60px;animation:rotate 20s linear infinite;}
@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.hero-content{position:relative;z-index:1;}
.hero-content h2{font-size:5.5rem;margin-bottom:3rem;font-weight:900;line-height:1.1;text-shadow:4px 4px 12px rgba(0,0,0,0.4),0 0 40px rgba(255,255,255,0.3);letter-spacing:3px;text-transform:uppercase;}
.hero-content p{font-size:2rem;margin-bottom:4.5rem;max-width:1000px;margin-left:auto;margin-right:auto;line-height:2.2;opacity:0.98;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,0.3);}
.cta-button{display:inline-block;background:#ffffff;color:#ff6f00;padding:26px 75px;border-radius:18px;text-decoration:none;font-weight:900;font-size:1.7rem;transition:all 0.4s;border:5px solid #ffb74d;box-shadow:0 12px 40px rgba(0,0,0,0.3),inset 0 2px 0 rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:2px;}
.cta-button:hover{transform:translateY(-10px) scale(1.08) rotate(2deg);box-shadow:0 18px 50px rgba(0,0,0,0.4),inset 0 2px 0 rgba(255,255,255,0.6);background:#fff3e0;}
.recipes-section{padding:140px 20px;background:#fff3e0;}
.section-title{text-align:center;font-size:5rem;margin-bottom:8rem;color:#ff6f00;font-weight:900;text-shadow:3px 3px 8px rgba(255,111,0,0.3);letter-spacing:4px;text-transform:uppercase;position:relative;}
.section-title::before{content:'⚡';position:absolute;left:50%;top:-60px;transform:translateX(-50%);font-size:5rem;opacity:0.7;animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{transform:translateX(-50%) scale(1);}50%{transform:translateX(-50%) scale(1.2);}}
.section-title::after{content:'🔥';position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);font-size:5rem;opacity:0.7;animation:pulse 2s ease-in-out infinite 1s;}
.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:5rem;}
.recipe-card{background:#ffffff;border-radius:25px;overflow:hidden;box-shadow:0 20px 60px rgba(255,111,0,0.3),0 0 0 4px #ffb74d;transition:all 0.5s;border:5px solid #ffcc80;cursor:pointer;position:relative;}
.recipe-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ff6f00,#ff8f00,#ffb74d,#ffcc80);}
.recipe-card:hover{transform:translateY(-18px) scale(1.03) rotate(2deg);box-shadow:0 30px 80px rgba(255,111,0,0.5),0 0 0 5px #ff8f00;}
.recipe-card img{width:100%;height:360px;object-fit:cover;transition:transform 0.6s;filter:brightness(0.95) saturate(1.2);}
.recipe-card:hover img{transform:scale(1.2) rotate(-2deg);filter:brightness(1.1) saturate(1.4);}
.recipe-content{padding:4.5rem;}
.recipe-content h3{font-size:2.7rem;margin-bottom:2rem;color:#ff6f00;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 6px rgba(255,111,0,0.2);}
.recipe-content p{color:#e65100;margin-bottom:2.5rem;font-size:1.3rem;line-height:2.2;font-weight:700;}
.recipe-meta{display:flex;gap:4rem;color:#ff8f00;font-weight:900;font-size:1.3rem;text-transform:uppercase;}
.view-recipe-btn{margin-top:3rem;padding:22px 52px;background:linear-gradient(135deg,#ff6f00 0%,#ff8f00 100%);color:#ffffff;border:none;border-radius:18px;font-weight:900;cursor:pointer;transition:all 0.3s;font-family:inherit;font-size:1.3rem;text-transform:uppercase;letter-spacing:2px;box-shadow:0 10px 30px rgba(255,111,0,0.5);}
.view-recipe-btn:hover{transform:scale(1.12) rotate(-3deg);box-shadow:0 15px 40px rgba(255,111,0,0.7);}
.recipe-details{max-height:0;overflow:hidden;transition:max-height 0.8s ease-out;background:linear-gradient(to bottom,#fff3e0,#ffe0b2);border-radius:25px;margin-top:0;border:4px solid #ffcc80;}
.recipe-details.active{max-height:4500px;transition:max-height 1.4s ease-in;padding:5rem 4.5rem;margin-top:3.5rem;box-shadow:inset 0 3px 20px rgba(255,111,0,0.2);}
.recipe-section{margin-bottom:4.5rem;}
.recipe-section:last-child{margin-bottom:0;}
.recipe-section h4{color:#ff6f00;font-size:2.5rem;margin-bottom:3.5rem;display:flex;align-items:center;gap:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 6px rgba(255,111,0,0.2);}
.recipe-section ul,.recipe-section ol{padding-left:4rem;color:#e65100;}
.recipe-section li{margin-bottom:2rem;line-height:2.2;font-size:1.3rem;font-weight:700;}
footer{background:linear-gradient(to right,#e65100 0%,#ff6f00 100%);color:#fff3e0;padding:8rem 20px 4.5rem;border-top:6px solid #ffb74d;}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:7rem;margin-bottom:7rem;}
.footer-section h3,.footer-section h4{margin-bottom:3.5rem;color:#ffffff;font-weight:900;font-size:2.2rem;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 8px rgba(0,0,0,0.3);}
.footer-section p{font-size:1.3rem;line-height:2.2;opacity:0.95;font-weight:700;color:#ffe0b2;text-shadow:1px 1px 4px rgba(0,0,0,0.2);}
.footer-section ul{list-style:none;}
.footer-section ul li{margin-bottom:2rem;}
.footer-section a{color:#ffcc80;text-decoration:none;transition:color 0.3s;font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;}
.footer-section a:hover{color:#ffffff;text-shadow:0 0 15px rgba(255,255,255,0.5);transform:translateX(5px);}
.copyright{text-align:center;padding-top:4.5rem;border-top:3px solid rgba(255,255,255,0.3);font-size:1.2rem;opacity:0.95;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#ffe0b2;text-shadow:1px 1px 4px rgba(0,0,0,0.2);}
.company-info{margin-top:3rem;padding-top:3rem;border-top:3px solid rgba(255,255,255,0.3);text-align:center;font-size:1.15rem;color:rgba(255,243,224,0.95);font-weight:700;text-shadow:1px 1px 4px rgba(0,0,0,0.2);}
@media(max-width:768px){body{font-size:17px;}.navbar .container{flex-direction:column;gap:1.5rem;}.nav-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;}.hero-content h2{font-size:3.8rem;}.hero-content p{font-size:1.6rem;}.recipe-grid{grid-template-columns:1fr;}.section-title{font-size:3.8rem;}.recipe-content h3{font-size:2.2rem;}}