@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@400;500;700&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.recipe-main{min-height:100vh;background:linear-gradient(135deg,#fdfbf7,#fff5e6);padding:48px 24px}.recipe-container{max-width:1400px;margin:0 auto}.recipe-header{text-align:center;margin-bottom:56px}.recipe-title{font-family:Playfair Display,serif;font-size:clamp(42px,6vw,72px);font-weight:900;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.02em;line-height:1.1}.recipe-subtitle{font-family:DM Sans,sans-serif;font-size:18px;color:#8b6f47;font-weight:500;letter-spacing:.03em;margin:0}.search-form{margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.search-wrapper{position:relative}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#8b6f47;pointer-events:none}.search-input{width:100%;padding:18px 20px 18px 52px;border:2px solid #e8dcc8;border-radius:16px;font-family:DM Sans,sans-serif;font-size:16px;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px rgba(139,111,71,.08)}.search-input:focus{outline:none;border-color:#c9a66b;box-shadow:0 4px 16px rgba(139,111,71,.15)}.search-input::placeholder{color:#b5a089}.error-banner{background:#fff0f0;border:2px solid #fcc;border-radius:12px;padding:16px 20px;margin-bottom:32px;font-family:DM Sans,sans-serif;color:#c00}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:32px;gap:32px}.recipe-card{background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #f5efe6}.recipe-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(139,111,71,.2)}.recipe-card:hover .recipe-overlay{opacity:1}.recipe-card:hover .recipe-image{transform:scale(1.05)}.recipe-image-wrapper{position:relative;width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#f5efe6,#e8dcc8);overflow:hidden}.recipe-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.recipe-no-image{width:100%;height:100%;color:#c9a66b}.recipe-no-image,.recipe-overlay{display:flex;align-items:center;justify-content:center}.recipe-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(139,111,71,.9),hsla(38,47%,60%,.9));opacity:0;transition:opacity .4s ease}.recipe-view-arrow{font-size:48px;color:#fff;font-weight:300;transform:translateX(-10px);transition:transform .3s ease}.recipe-card:hover .recipe-view-arrow{transform:translateX(0)}.recipe-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.recipe-name{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3}.recipe-description{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;color:#5a5a5a;margin:0 0 16px;flex-grow:1}.recipe-meta{gap:12px;padding-top:12px;border-top:1px solid #f5efe6}.recipe-meta,.recipe-time{display:flex;align-items:center}.recipe-time{font-family:DM Sans,sans-serif;font-size:13px;color:#8b6f47;font-weight:500;gap:4px}@media (max-width:768px){.recipe-main{padding:32px 16px}.recipe-grid{grid-template-columns:1fr;gap:24px}.recipe-header{margin-bottom:40px}}