.surprise-button{padding:.4rem .8rem;background:#f4c430;border-radius:6px;font-weight:600;text-decoration:none;color:#000}.surprise-button:hover{background:#e0b020}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.search-bar input{flex:1;padding:.5rem}.search-bar button{padding:.5rem 1rem;font-weight:600}.filters{display:flex;gap:.5rem;margin-bottom:1rem}.filters select,.filters button{padding:.4rem .6rem}:root{--bg: #faf6f1;--bg-accent: #f1e7dd;--surface: #ffffff;--surface-accent: #f7f0e8;--text-primary: #3b2f2f;--text-secondary: #6d5c5c;--brand: #d88c4e;--brand-dark: #b06f38;--brand-light: #f3c9a4;--border: #e2d6cc;--shadow: rgba(0, 0, 0, .06)}body{background:var(--bg);color:var(--text-primary);font-family:Inter,sans-serif;margin:0;padding:0;line-height:1.6}.brand{display:flex;align-items:center;gap:1rem}.logo{height:100px;width:auto;display:block}.brand-text{font-size:2.4rem;font-weight:700;line-height:1;margin-top:4px;letter-spacing:.5px}.container{max-width:900px;margin:0 auto;padding:1rem}.home-container{text-align:center;padding:5rem 1rem 3.5rem;max-width:800px;margin:0 auto;animation:fadeIn .8s ease-out}.main-content{display:flex;justify-content:center;width:100%}header{background:transparent;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}header a{color:var(--color-text);text-decoration:none;margin-left:1.5rem;font-weight:500}header a:hover{color:var(--color-primary)}button,.btn{background:var(--color-primary);color:var(--color-bg);border:none;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s ease}button:hover,.btn:hover{background:var(--color-primary-dark)}.section-divider{width:80px;height:4px;background:var(--brand);border-radius:2px;margin:2.5rem auto 3rem;opacity:.9}.about-section{max-width:800px;margin:0 auto;padding:0 1rem 4rem;text-align:left;animation:fadeIn 1.2s ease-out}.hero-background{background:radial-gradient(circle at top,var(--bg-accent) 0%,var(--bg) 70%);padding-top:2rem;padding-bottom:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.recipe-card{background:var(--color-surface);border-radius:12px;padding:1rem;box-shadow:0 2px 6px #00000014;color:var(--color-text);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 4px 10px #0000001f}.recipe-card .tag{background:var(--color-secondary);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px var(--shadow);transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 10px var(--shadow)}input,textarea,select{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-accent);color:var(--text-primary);font-size:1rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand-light);border-color:var(--brand)}.button{background:var(--brand);color:#fff;padding:.75rem 1.25rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.button:hover{background:var(--brand-dark)}.button:active{transform:scale(.97)}.button-surprise{background:var(--brand-light);color:var(--text-primary);border:2px dashed var(--brand)}.button-surprise:hover{background:var(--brand);color:#fff;border-style:solid}h1,h2,h3{color:var(--text-primary);font-weight:700;margin-bottom:.5rem}h1{font-size:2rem}h2{font-size:1.4rem;color:var(--text-secondary)}.page-wrapper{max-width:800px;margin:0 auto;padding:2rem}footer{background:var(--color-surface);padding:1.5rem;text-align:center;color:var(--color-text-light);border-top:2px solid var(--color-primary)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;justify-items:center}.recipe-detail{max-width:700px;margin:0 auto;text-align:left}.recipe-detail-image{width:100%;border-radius:12px;margin:1rem 0}.recipe-detail .meta p{margin:.25rem 0}.tags{display:flex;flex-wrap:wrap;gap:.5rem}