body{padding:20px;font-family:Inter,sans-serif;background:#fafafa;color:#111;margin:0}.header{display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 2px 8px #00000014;padding:15px 0;position:sticky;top:0;z-index:10}.image{height:56px;margin-right:12px}.text{font-size:28px;font-weight:600;color:#111}.add-ingredient-form{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px}.input{height:42px;width:55%;font-size:16px;border:1px solid #d1d5db;border-radius:6px;padding:0 12px;transition:all .3s ease;box-shadow:0 1px 4px #0000000d}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.button{height:42px;padding:0 18px;background-color:#111;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background .3s ease,transform .2s ease}.button:hover{background-color:#333}.button:active{transform:scale(.97)}.items{display:flex;flex-direction:column;margin-top:25px;padding-left:30px}.about-list{font-size:22px;font-weight:600;margin-bottom:10px}.list{display:flex;flex-direction:column;gap:6px;color:#2563eb;font-size:16px}.card{background-color:#f3f4f6;border-radius:10px;padding:20px;margin-top:80px;box-shadow:0 3px 8px #00000014}.card>h1{font-size:1rem;font-weight:600;color:#111;margin-bottom:6px}.card>p{font-size:.9rem;color:#6b7280}.card-button{display:flex;justify-content:flex-end;margin-top:10px}.card-button>button{height:38px;padding:0 16px;background-color:#e53935;border-radius:6px;border:none;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.card-button>button:hover{background-color:#c62828}.card-button>button:active{transform:scale(.97)}.get-recipe-container{display:flex;justify-content:space-between;align-items:center;border-radius:10px;background:#f0efeb;padding:14px 24px;margin-top:100px;box-shadow:0 2px 6px #0000000d}.get-recipe-container h3{font-size:1.1rem;font-weight:600;color:#111}.get-recipe-container p{color:#6b7280;font-size:.9rem}.get-recipe-container button{border:none;border-radius:6px;background:#d17557;color:#fafafa;padding:10px 18px;font-family:Inter,sans-serif;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.get-recipe-container button:hover{background:#b35c45}.get-recipe-container button:active{transform:scale(.97);background:#944c34}h1{font-size:2rem}