@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&display=swap";.header{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 30px;background-color:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #00000040;border-radius:20px;margin:40px auto;width:fit-content;text-align:center}.header-logo{height:50px;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}.header-title{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.3)}.header-subtitle{font-size:14px;color:#ddd;margin-top:4px;letter-spacing:.5px}.form{display:flex;flex-direction:row;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin:50px auto;padding:30px;width:90%;max-width:700px;background-color:#ffffff12;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.input{font-size:16px;border-radius:8px;padding:12px 16px;width:60%;min-width:200px;border:1px solid rgba(255,255,255,.15);background-color:#ffffff1a;color:#fff;outline:none;transition:all .3s ease}.input::placeholder{color:#ccc}.input:focus{background-color:#fff3;border:1px solid #4e9eff}.btn{background-color:#2c2f48;color:#e0e0e0;padding:12px 22px;border-radius:8px;font-weight:700;font-size:16px;transition:all .3s ease;border:none;box-shadow:0 4px 14px #00000059}.btn:hover{background-color:#3b3f5c;color:#a1c9ff;box-shadow:0 0 14px #4e9eff60;cursor:pointer}.recipe-wrapper{font-family:Outfit,sans-serif;margin:50px auto;padding:30px;max-width:800px;background-color:#181a2099;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 32px #00000080;color:#eaeaea}.recipe-heading{font-size:28px;text-align:center;color:#fca311;margin-bottom:24px;font-weight:600}.recipe-box{font-size:17px;line-height:1.7;padding:24px;background-color:#14161ccc;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 10px #ffffff0d}.recipe-box h3,.recipe-box h4{color:#8ecae6;font-weight:600}.recipe-box ul{padding-left:24px}.recipe-box li{color:#adb5bd;margin-bottom:10px;font-weight:500}body{font-family:Outfit,sans-serif}.ingred-section{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;margin:40px auto;padding:30px;width:90%;max-width:700px;background-color:#181a2099;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000080;color:#eaeaea}.ingred-heading{font-size:24px;font-weight:600;color:#fca311}.ingred-list{width:100%;padding-left:20px;list-style:disc}.ingred-list li{color:#adb5bd;font-weight:600;margin-bottom:10px;font-size:18px;transition:color .3s ease}.ingred-list li:hover{color:#f77f00}.ingred-create{margin-top:20px;padding:20px;background-color:#14161ccc;border-radius:12px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.ingred-texts h3{color:#8ecae6;margin:0;font-weight:600}.ingred-gen{font-size:14px;color:#bbb}.btn2{background-color:#14213d;color:#eaeaea;padding:10px 24px;font-weight:700;font-size:16px;border-radius:8px;border:none;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.btn2:hover{background-color:#26467a;color:#fca311;box-shadow:0 0 12px #fca31180;cursor:pointer}body{margin:0;padding:0;font-family:Inter,sans-serif;background:url(https://imgs.search.brave.com/pRPFDB45D-i8zTFW-tMaQGH6ElAVQ00tS_h7rp38EF8/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly90My5m/dGNkbi5uZXQvanBn/LzExLzE4Lzg1LzMy/LzM2MF9GXzExMTg4/NTMyMjlfTklTUm1m/NEtiYnRseUlnaGVS/aXVrcnVWb1VpTjdt/YzQuanBn) no-repeat center center fixed;background-size:cover;color:#f5f5f5}ul{padding-left:20px;color:#fff}.starter{list-style-type:disc;margin:6px 0;font-weight:400}button{font-family:inherit;font-weight:600;border:none;border-radius:8px;padding:10px 16px;transition:background-color .3s ease,color .3s ease}button:hover{opacity:.9;cursor:pointer}