nav input{padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:25px;outline:none;font-size:1rem;transition:border-color .3s ease;min-width:300px}nav input:focus{border-color:#4caf50}.recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card img{width:100%;height:200px;object-fit:cover}.card-body{padding:1.5rem}.card-body h3{font-size:1.25rem;margin-bottom:.5rem;color:#333}.card-body p{color:#666;margin-bottom:1rem}.btn{display:inline-block;padding:.75rem 1.5rem;background:#4caf50;color:#fff;border-radius:6px;text-decoration:none;transition:background .3s ease;font-weight:500}.btn:hover{background:#45a049}.no-recipes{grid-column:1 / -1;text-align:center;font-size:1.2rem;color:#666;padding:3rem}.search-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#4caf50}.search-spinner{width:40px;height:40px;border:3px solid rgba(76,175,80,.3);border-top:3px solid #4caf50;border-radius:50%;margin-bottom:1rem;animation:spin 1s linear infinite}.search-loading p{font-size:1.1rem;font-weight:500}.recipe-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif}.recipe-header{text-align:center;margin-bottom:1.5rem}.recipe-title{font-size:2rem;color:#333}.recipe-category{font-size:1rem;color:#777}.recipe-image img{width:100%;border-radius:10px;margin-bottom:1.5rem}.recipe-info h2,.recipe-instructions h2{font-size:1.5rem;margin-bottom:.5rem;color:#444}.ingredients-list{list-style:none;padding:0}.ingredients-list li{padding:.5rem 0;border-bottom:1px solid #eee}.recipe-instructions p{line-height:1.6;color:#555}.back-button{display:inline-block;margin-top:1.5rem;padding:.6rem 1.2rem;background:#4caf50;color:#fff;border-radius:6px;text-decoration:none;transition:.3s}.back-button:hover{background:#45a049}footer{text-align:center;padding:2rem;border-top:1px solid rgb(73,72,72);color:#000;margin-top:3rem}@media (max-width: 768px){nav{flex-direction:column;gap:1rem;padding:1rem}nav input{min-width:250px}.recipes{grid-template-columns:1fr;padding:1rem}.loader-title{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html{scrollbar-color:#5aa35c rgb(253,252,252);scroll-behavior:smooth;scroll-padding:30%}body{background:#f9fafc;color:#333;line-height:1.6}a{text-decoration:none;color:inherit}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 6px #0000000d;position:sticky;top:0;z-index:1000}nav .logo{font-size:1.5rem;font-weight:700;color:#4caf50;letter-spacing:1px}nav input[type=text]{padding:.6rem 1rem;border:1px solid #ddd;border-radius:25px;width:250px;outline:none;transition:.3s}nav input[type=text]:focus{border-color:#4caf50;box-shadow:0 0 6px #4caf504d}.recipe-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;position:relative}.recipe-header{text-align:center;margin-bottom:2rem}.recipe-title{font-size:2.5rem;color:#333;margin-bottom:.5rem;font-weight:700}.recipe-category{font-size:1.1rem;color:#4caf50;font-weight:500}.recipe-image{text-align:center;margin-bottom:2rem}.recipe-image img{width:100%;max-width:500px;border-radius:12px;box-shadow:0 8px 25px #00000026;transition:transform .3s ease}.recipe-image img:hover{transform:scale(1.02)}.recipe-info,.recipe-instructions,.recipe-video{margin-bottom:2.5rem}.recipe-info h2,.recipe-instructions h2,.recipe-video h2{font-size:1.8rem;margin-bottom:1rem;color:#333;border-bottom:3px solid #4caf50;padding-bottom:.5rem;display:inline-block}.ingredients-list{list-style:none;padding:0;background:#f8f9fa;border-radius:8px;padding:1.5rem}.ingredients-list li{padding:.75rem 0;border-bottom:1px solid #e9ecef;display:flex;align-items:center}.ingredients-list li:last-child{border-bottom:none}.ingredients-list li:before{content:"🥄";margin-right:.75rem;font-size:1.1rem}.ingredient-name{font-weight:600;color:#333}.ingredient-measure{color:#4caf50;font-weight:500}.instructions-content{background:#f8f9fa;padding:1.5rem;border-radius:8px;line-height:1.8}.instructions-content p{margin-bottom:1rem;color:#555}.instructions-content p:last-child{margin-bottom:0}.video-link{display:inline-block;padding:.75rem 1.5rem;background:red;color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.video-link:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.back-button{display:inline-block;margin-top:2rem;padding:.75rem 1.5rem;background:#4caf50;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.back-button:hover:before{left:100%}.back-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.error-state{text-align:center;padding:3rem}.error-state h2{font-size:2rem;color:#333;margin-bottom:1rem}.error-state p{font-size:1.1rem;color:#666;margin-bottom:2rem}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#4caf50,#45a049);display:flex;justify-content:center;align-items:center;z-index:9999}.loader-content{text-align:center;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:2px}.loader-text{font-size:1.1rem;opacity:.9;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:2rem}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .2s}.card:hover{transform:translateY(-6px)}.card img{width:100%;height:180px;object-fit:cover}.card-body{padding:1rem}.card-body h3{font-size:1.2rem;margin-bottom:.5rem;color:#222}.card-body p{font-size:.9rem;color:#666;margin-bottom:1rem}.btn{display:inline-block;padding:.5rem 1rem;background:#4caf50;color:#fff;border-radius:6px;font-size:.9rem;transition:background .3s}.btn:hover{background:#43a047}footer{text-align:center;padding:2rem;color:#000;border-top:1px solid rgb(73,72,72);font-size:.9rem;margin-top:3rem}@media (max-width: 768px){.recipe-container{margin:1rem;padding:1.5rem}.recipe-title{font-size:2rem}nav{padding:1rem}nav input[type=text]{width:200px}.loader-title{font-size:2rem}}