*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{min-height:calc(100vh - 140px);padding:20px 0}.header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:between;align-items:center;padding:1rem 0}.logo{font-size:1.8rem;font-weight:700;color:#e74c3c;text-decoration:none}.nav{display:flex;list-style:none;gap:2rem;margin-left:auto}.nav a{text-decoration:none;color:#333;font-weight:500;transition:color .3s}.nav a:hover{color:#e74c3c}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.recipe-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.recipe-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.recipe-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.recipe-image:after{content:"🍽️";font-size:2rem;display:block;position:absolute;bottom:10px;right:10px}.recipe-info{padding:1.5rem}.recipe-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#333}.recipe-category{background:#e74c3c;color:#fff;padding:.2rem .8rem;border-radius:15px;font-size:.8rem;display:inline-block;margin-bottom:.8rem}.recipe-meta{display:flex;gap:1rem;font-size:.9rem;color:#666;margin-bottom:.8rem}.recipe-description{color:#666;font-size:.9rem;line-height:1.5}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem 0}.category-card{background:white;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:transform .3s;text-decoration:none;color:#333}.category-card:hover{transform:translateY(-3px);color:#333}.category-name{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.category-count{color:#666;font-size:.9rem}.recipe-detail{max-width:800px;margin:0 auto;background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.recipe-detail-image{width:100%;height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.recipe-detail-image img{width:100%;height:100%;object-fit:cover}.recipe-detail-image:after{content:"🍽️";font-size:3rem;display:block;position:absolute;bottom:20px;right:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.recipe-detail-content{padding:2rem}.recipe-detail-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#333}.recipe-detail-meta{display:flex;gap:2rem;margin-bottom:1.5rem;font-size:.9rem;color:#666}.recipe-section{margin-bottom:2rem}.recipe-section h3{font-size:1.3rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #e74c3c;padding-bottom:.5rem}.ingredients-list{list-style:none}.ingredients-list li{padding:.5rem 0;border-bottom:1px solid #eee}.ingredients-list li:before{content:"•";color:#e74c3c;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.steps-list{list-style:none;counter-reset:step-counter}.steps-list li{counter-increment:step-counter;border-bottom:1px solid #eee;position:relative;padding:1rem 0 1rem 3rem}.steps-list li:before{content:counter(step-counter);position:absolute;left:0;top:1rem;background:#e74c3c;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.search-container{margin-bottom:2rem}.search-input{width:100%;max-width:500px;padding:1rem 1.5rem;border:2px solid #ddd;border-radius:25px;font-size:1rem;outline:none;transition:border-color .3s}.search-input:focus{border-color:#e74c3c}.search-results{margin-top:1rem}.search-count{color:#666;margin-bottom:1rem;font-size:.9rem}.footer{background:#333;color:#fff;text-align:center;padding:2rem 0;margin-top:3rem}@media (max-width: 768px){.container{padding:0 15px}.header-content{flex-direction:column;gap:1rem}.nav{margin-left:0}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.recipe-detail-meta{flex-direction:column;gap:.5rem}.steps-list li{padding-left:2.5rem}}.text-center{text-align:center}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;background:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s}.btn:hover{background:#c0392b}