:root{--primary-color:#f97316;--primary-hover:#ea580c;--bg-color:#fafaf9;--text-color:#1c1917;--text-muted:#57534e;--white:#fff;--border-color:#e7e5e4;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--container-max-width:1440px;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}ul,ol{list-style:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.navbar{background-color:var(--white);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.nav-brand a{color:#9a3412;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.brand-highlight{color:var(--primary-color)}.logo{width:36px;height:36px}.nav-links a{color:var(--text-muted);margin-left:2rem;font-weight:600}.nav-links a:hover{color:var(--primary-color)}.main-content{flex:1}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 2rem}.footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);background:var(--white);padding:4rem 2rem;font-size:.875rem}.home-hero{max-width:var(--container-max-width);grid-template-columns:1fr 1.2fr;align-items:center;gap:6rem;margin:0 auto 4rem;padding:6rem 2rem;display:grid}.hero-content{text-align:left}.hero-content h1{color:#1c1917;margin-bottom:1.5rem;font-size:4.5rem;font-weight:900;line-height:1.05}.text-primary{color:var(--primary-color)}.hero-content p{max-width:550px;color:var(--text-muted);margin-bottom:3rem;font-size:1.35rem}.search-container{max-width:550px}.search-input{border:1px solid var(--border-color);background:var(--white);border-radius:999px;outline:none;width:100%;padding:1.25rem 2rem;font-size:1.15rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 25px -5px #0000001a}.search-input:focus{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 20px 25px -5px #f9731626}.hero-featured{width:100%}.recipe-card.featured{border-radius:2rem;flex-direction:row;height:auto;min-height:450px}.recipe-card.featured .recipe-card-image{width:45%;height:450px}.recipe-card.featured .recipe-card-content{width:55%;padding:3.5rem}.recipe-card.featured h3{margin-bottom:1rem;font-size:2.25rem}.recipe-card.featured p{-webkit-line-clamp:3;margin-bottom:2rem;font-size:1.1rem}.section-header{margin-bottom:3rem;padding-bottom:1.5rem}.section-header h2{color:#1c1917;font-size:2.25rem;font-weight:900}.recipe-grid-home{max-width:var(--container-max-width);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:3rem;margin:0 auto 6rem;padding:0 2rem;display:grid}.recipe-card{background:var(--white);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:1.5rem;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.recipe-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px -12px #00000026}.recipe-card-image{width:100%;height:260px;position:relative;overflow:hidden}.recipe-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.recipe-card:hover .recipe-card-image img{transform:scale(1.08)}.recipe-card-content{flex-direction:column;flex:1;padding:2rem;display:flex}.recipe-category{color:#9a3412;text-transform:uppercase;letter-spacing:.05em;background:#ffedd5;border-radius:999px;width:fit-content;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.75rem;font-weight:800;display:inline-block}.recipe-card h3{color:#1c1917;margin-bottom:.85rem;font-size:1.65rem;font-weight:800;line-height:1.25}.recipe-card p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:2rem;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.recipe-meta{color:var(--text-muted);border-top:1px solid #f1f5f9;gap:1rem;padding-top:1.25rem;font-size:.9rem;font-weight:700;display:flex}.card-favorite-btn{z-index:10;position:absolute;top:1.25rem;right:1.25rem}.recipe-detail-container{max-width:1100px;margin:4rem auto;padding:0 2rem}.recipe-header{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;margin-bottom:6rem;display:grid}.recipe-header-content h1{color:#1c1917;margin-bottom:1.5rem;font-size:4.5rem;font-weight:900;line-height:1.05}.recipe-stats{background:var(--white);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:1.5rem;gap:3rem;margin-bottom:3rem;padding:2rem;display:flex}.recipe-hero-image img{object-fit:cover;border-radius:2.5rem;width:100%;height:600px;box-shadow:0 30px 60px -12px #0003}.recipe-grid{grid-template-columns:380px 1fr;gap:6rem;display:grid}@media (max-width:1200px){.home-hero{text-align:center;grid-template-columns:1fr;gap:4rem;padding:4rem 1.5rem}.hero-content{text-align:center}.hero-content p,.search-container{margin:0 auto 2.5rem}.recipe-card.featured{flex-direction:column}.recipe-card.featured .recipe-card-image,.recipe-card.featured .recipe-card-content{width:100%;height:auto}}@media (max-width:768px){.recipe-header,.recipe-grid{grid-template-columns:1fr;gap:3rem}.hero-content h1{font-size:3rem}}