body{background-color:#0a0e17}.navbar{background-color:#0d1b2a;padding:15px 25px;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:10}.nav-content{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.6rem;font-weight:700;color:#e2aaf7;margin:0;font-family:Phudu,sans-serif;text-decoration:none;cursor:pointer}.nav-logo.router-link-active{background:none!important;color:#e2aaf7!important;padding:0}.nav-links{display:flex;gap:25px;list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;font-size:1.1rem;padding:8px 14px;border-radius:12px;color:#e2aaf7;background:#3b1e54;transition:.25s ease;font-family:Phudu,sans-serif}.nav-links a:hover{background-color:#5c2d91;color:#fff}.router-link-active{background-color:#e2aaf7;color:#3b1e54}.footer{background-color:#0d1b2a;margin-top:60px;padding:25px 20px;text-align:center;border-top:2px solid #5c2d91}.footer-content{max-width:800px;margin:auto}.footer-text{font-family:Phudu,cursive;color:#e2aaf7;font-size:1.3rem;margin-bottom:12px}.footer-email{color:#3b1e54;text-decoration:none;font-size:1.1rem;border-radius:10px;padding:8px 12px;background:#e2aaf7;transition:.2s ease;display:inline-block;margin-bottom:12px}.footer-email:hover{background:#e2aaf7;color:#fff}.footer-note{margin-top:10px;color:#e2aaf7;font-size:.9rem}.hero-section{background:linear-gradient(180deg,#1b2536,#3b1e54);border-radius:22px;padding:70px 25px;max-width:950px;margin:40px auto;text-align:center;box-shadow:0 6px 28px #0000008c;animation:heroFadeIn 1s ease forwards;position:relative}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-illustration{width:180px;height:180px;object-fit:cover;border-radius:12px;margin-bottom:20px;box-shadow:0 0 18px #8f5bff40}.hero-title{font-size:3rem;color:#d8c9ff;margin-bottom:12px}.hero-subtitle{font-size:1.25rem;color:#c9d1d9;max-width:700px;margin:0 auto 28px}.hero-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:25px}.hero-btn{background:#8f5bff;color:#fff;padding:12px 26px;border-radius:25px;border:none;cursor:pointer;font-size:1.05rem;transition:.3s ease;box-shadow:0 0 12px #8f5bff66}.hero-btn:hover{background:#6b3bd1;transform:translateY(-3px)}.hero-btn.outline{background:transparent;border:2px solid #8f5bff;color:#d8c9ff}.hero-btn.outline:hover{background:#8f5bff;color:#fff}.hero-result,.hero-tip{margin-top:15px;padding:10px 16px;background:#1b2536;display:inline-block;border-radius:12px;font-size:1.2rem;color:#d8c9ff;box-shadow:0 3px 12px #0006;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.featured{margin-top:60px;text-align:center}.section-title{font-size:2.2rem;color:#d8c9ff;margin-bottom:25px}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px;max-width:1100px;margin:auto}.recipe-card{background:#1b2536;padding:15px;border-radius:15px;text-align:center;box-shadow:0 4px 15px #00000080;transition:.25s ease;cursor:pointer;opacity:0;animation:cardFadeIn .8s ease forwards}.recipe-card:nth-child(1){animation-delay:.1s}.recipe-card:nth-child(2){animation-delay:.25s}.recipe-card:nth-child(3){animation-delay:.4s}.recipe-card:nth-child(4){animation-delay:.55s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.recipe-card:hover{transform:translateY(-6px);box-shadow:0 6px 18px #8f5bff59}.recipe-card img{width:100%;height:220px;object-fit:cover;border-radius:12px;margin-bottom:12px}.recipe-card h3{color:#d8c9ff;font-size:1.3rem;margin-top:5px}.featured-link{text-decoration:none;display:block}.recipes-magazine{max-width:1200px;margin:50px auto;padding:0 20px}.mag-title{text-align:center;font-size:2.6rem;color:#d8c9ff;margin-bottom:8px}.mag-subtitle{text-align:center;font-size:1.15rem;color:#bfc7d9;margin-bottom:35px}.masonry-grid{column-count:3;column-gap:18px}@media(max-width:900px){.masonry-grid{column-count:2}}@media(max-width:600px){.masonry-grid{column-count:1}}.masonry-item{display:block;margin-bottom:18px;break-inside:avoid-column;text-decoration:none}.masonry-card{position:relative;border-radius:14px;overflow:hidden;background:#1b2536;cursor:pointer;box-shadow:0 4px 16px #0000008c;transition:transform .25s ease,box-shadow .25s ease;opacity:0;animation:fadeInMasonry .8s forwards}.masonry-item:nth-child(1) .masonry-card{animation-delay:.1s}.masonry-item:nth-child(2) .masonry-card{animation-delay:.25s}.masonry-item:nth-child(3) .masonry-card{animation-delay:.4s}.masonry-item:nth-child(4) .masonry-card{animation-delay:.55s}@keyframes fadeInMasonry{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.masonry-card img{width:100%;display:block;border-radius:14px;object-fit:cover}.masonry-overlay{position:absolute;bottom:0;width:100%;padding:14px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);color:#191941}.masonry-overlay h3{margin:0;font-size:1.3rem}.masonry-overlay p{margin:3px 0 0;font-size:.9rem;color:#c9c9d9}.masonry-card:hover{transform:translateY(-6px);box-shadow:0 6px 18px #8f5bff59}.recipe-detail{max-width:1100px;margin:40px auto;padding:20px}.recipe-content{display:flex;gap:30px;background:#1b2536;padding:30px;border-radius:18px;box-shadow:0 6px 22px #0000008c}.recipe-image img{width:380px;border-radius:14px;object-fit:cover;box-shadow:0 4px 16px #00000073}.recipe-info{flex:1;color:#d8c9ff}.recipe-title{font-size:2.4rem;margin-bottom:8px}.recipe-times{font-size:1.05rem;margin-bottom:18px;color:#c9c9d9}.section-heading{font-size:1.4rem;margin-top:18px;margin-bottom:8px;color:#e2aaf7}.ingredients-list,.instructions-list{margin-left:18px;margin-bottom:16px;line-height:1.45}@media(max-width:800px){.recipe-content{flex-direction:column}.recipe-image img{width:100%}}.about-page{max-width:1100px;margin:50px auto;padding:20px}.about-card{display:flex;gap:30px;background:#1b2536;padding:35px;border-radius:18px;box-shadow:0 6px 22px #0000008c;animation:fadeInAbout .9s ease forwards}@keyframes fadeInAbout{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-image img{width:350px;border-radius:14px;object-fit:cover;box-shadow:0 4px 16px #00000073}.about-text{flex:1;color:#9c7dec}.about-title{font-size:2.4rem;margin-bottom:12px;color:#b477ca}.about-intro{font-size:1.2rem;margin-bottom:15px;color:#c9d1d9}.about-body{margin-bottom:14px;line-height:1.5}@media(max-width:800px){.about-card{flex-direction:column}.about-image img{width:100%}}.back-button{display:inline-block;margin-bottom:15px;color:#e2aaf7;background:#3b1e54;padding:8px 16px;border-radius:10px;text-decoration:none;font-size:1rem;transition:.25s ease;box-shadow:0 3px 10px #0006}.back-button:hover{background:#5c2d91;color:#fff;transform:translateY(-2px)}