*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter','SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.8;color:#0a0e27;background:linear-gradient(to bottom,#0f1419 0%,#1a2332 50%,#2d3748 100%);font-size:18px;min-height:100vh;}
.container{max-width:1280px;margin:0 auto;padding:0 24px;}
.navbar{background:rgba(15,20,25,0.95);backdrop-filter:blur(20px);padding:2rem 0;box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(99,102,241,0.3);}
.navbar .container{display:flex;justify-content:space-between;align-items:center;}
.logo h1{color:#6366f1;font-size:3.2rem;font-weight:900;letter-spacing:-1px;text-shadow:0 0 20px rgba(99,102,241,0.5),0 0 40px rgba(99,102,241,0.3);font-family:'Inter',sans-serif;}
.nav-links{display:flex;list-style:none;gap:3rem;}
.nav-links a{color:#e2e8f0;text-decoration:none;font-weight:600;transition:all 0.3s;font-size:1.15rem;padding:10px 16px;border-radius:8px;position:relative;}
.nav-links a::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#6366f1;transition:all 0.3s;transform:translateX(-50%);}
.nav-links a:hover{color:#6366f1;transform:translateY(-2px);}
.nav-links a:hover::before{width:80%;}
.hero{background:linear-gradient(135deg,#0f1419 0%,#1e293b 50%,#334155 100%);color:#f1f5f9;padding:160px 20px;text-align:center;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(99,102,241,0.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,0.1) 0%,transparent 50%);}
.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,transparent 48%,rgba(99,102,241,0.03) 49%,rgba(99,102,241,0.03) 51%,transparent 52%);background-size:20px 20px;opacity:0.5;}
.hero-content{position:relative;z-index:1;}
.hero-content h2{font-size:4.8rem;margin-bottom:2.5rem;font-weight:900;line-height:1.1;text-shadow:0 0 30px rgba(99,102,241,0.4),0 4px 20px rgba(0,0,0,0.5);letter-spacing:-2px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-content p{font-size:1.7rem;margin-bottom:3.5rem;max-width:900px;margin-left:auto;margin-right:auto;line-height:2;opacity:0.9;font-weight:400;color:#cbd5e1;}
.cta-button{display:inline-block;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:white;padding:22px 65px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.5rem;transition:all 0.4s;border:none;box-shadow:0 10px 40px rgba(99,102,241,0.4),0 0 20px rgba(99,102,241,0.2);position:relative;overflow:hidden;}
.cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}
.cta-button:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 15px 50px rgba(99,102,241,0.6),0 0 30px rgba(99,102,241,0.3);}
.cta-button:hover::before{left:100%;}
.recipes-section{padding:120px 20px;background:#0f1419;}
.section-title{text-align:center;font-size:4.2rem;margin-bottom:6rem;color:#6366f1;font-weight:900;text-shadow:0 0 30px rgba(99,102,241,0.4);letter-spacing:-1px;position:relative;}
.section-title::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,#6366f1,transparent);}
.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:4rem;}
.recipe-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(99,102,241,0.2),inset 0 1px 0 rgba(255,255,255,0.1);transition:all 0.5s;border:1px solid rgba(99,102,241,0.3);cursor:pointer;position:relative;}
.recipe-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);opacity:0;transition:opacity 0.3s;}
.recipe-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 80px rgba(99,102,241,0.3),0 0 0 1px rgba(99,102,241,0.5),inset 0 1px 0 rgba(255,255,255,0.2);}
.recipe-card:hover::before{opacity:1;}
.recipe-card img{width:100%;height:320px;object-fit:cover;transition:transform 0.6s;filter:brightness(0.9);}
.recipe-card:hover img{transform:scale(1.15);filter:brightness(1.1);}
.recipe-content{padding:3.5rem;}
.recipe-content h3{font-size:2.3rem;margin-bottom:1.5rem;color:#f1f5f9;font-weight:800;line-height:1.2;letter-spacing:-0.5px;}
.recipe-content p{color:#94a3b8;margin-bottom:2rem;font-size:1.2rem;line-height:2;font-weight:400;}
.recipe-meta{display:flex;gap:3rem;color:#8b5cf6;font-weight:700;font-size:1.2rem;}
.view-recipe-btn{margin-top:2.5rem;padding:18px 42px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:white;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all 0.3s;font-family:inherit;font-size:1.2rem;box-shadow:0 8px 25px rgba(99,102,241,0.4);}
.view-recipe-btn:hover{transform:scale(1.08);box-shadow:0 12px 35px rgba(99,102,241,0.6);}
.recipe-details{max-height:0;overflow:hidden;transition:max-height 0.8s ease-out;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:20px;margin-top:0;border:1px solid rgba(99,102,241,0.3);}
.recipe-details.active{max-height:4000px;transition:max-height 1.2s ease-in;padding:4rem 3.5rem;margin-top:2.5rem;box-shadow:inset 0 2px 10px rgba(0,0,0,0.3);}
.recipe-section{margin-bottom:3.5rem;}
.recipe-section:last-child{margin-bottom:0;}
.recipe-section h4{color:#6366f1;font-size:2rem;margin-bottom:2.5rem;display:flex;align-items:center;gap:1.2rem;font-weight:800;text-shadow:0 0 15px rgba(99,102,241,0.3);}
.recipe-section ul,.recipe-section ol{padding-left:3rem;color:#cbd5e1;}
.recipe-section li{margin-bottom:1.5rem;line-height:2;font-size:1.2rem;font-weight:400;}
footer{background:linear-gradient(135deg,#0a0e27 0%,#0f1419 100%);color:#94a3b8;padding:6rem 20px 3rem;border-top:1px solid rgba(99,102,241,0.2);}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:5rem;margin-bottom:5rem;}
.footer-section h3,.footer-section h4{margin-bottom:2.5rem;color:#6366f1;font-weight:800;font-size:1.8rem;text-shadow:0 0 15px rgba(99,102,241,0.3);}
.footer-section p{font-size:1.2rem;line-height:2;opacity:0.9;font-weight:400;color:#cbd5e1;}
.footer-section ul{list-style:none;}
.footer-section ul li{margin-bottom:1.5rem;}
.footer-section a{color:#8b5cf6;text-decoration:none;transition:color 0.3s;font-size:1.2rem;font-weight:500;}
.footer-section a:hover{color:#6366f1;text-shadow:0 0 10px rgba(99,102,241,0.5);}
.copyright{text-align:center;padding-top:3rem;border-top:1px solid rgba(99,102,241,0.2);font-size:1.1rem;opacity:0.8;font-weight:500;color:#64748b;}
.company-info{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,0.2);text-align:center;font-size:1rem;color:rgba(203,213,225,0.9);}
@media(max-width:768px){body{font-size:16px;}.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.2rem;}.hero-content p{font-size:1.4rem;}.recipe-grid{grid-template-columns:1fr;}.section-title{font-size:3.2rem;}.recipe-content h3{font-size:1.9rem;}}