@import"https://fonts.googleapis.com/css2?family=Playball&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Reem+Kufi:wght@400..700&display=swap";*{font-family:Poppins;margin:0}.hero{background-color:#fff8f6;display:flex;align-items:center;justify-content:space-around;padding:120px 200px 70px}.hero-poster{width:600px;height:500px;object-fit:cover;border-radius:10px}.right-hero-section h1{font-size:3.5rem;color:#3f3f3f}.gradient-text{background:linear-gradient(90deg,#f97450,#f8d492);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.right-hero-section p{font-size:1.1rem;color:#ba9f84}.hero-buttons{display:flex;gap:15px;margin-top:30px}.start-cooking-btn{background:linear-gradient(90deg,#f97450,#f8d492);border:none;color:#fff;font-weight:600;padding:12px 30px;border-radius:5px;cursor:pointer;display:flex;gap:15px;align-items:center;transition:.3s ease}.start-cooking-btn:hover{background:linear-gradient(90deg,#ffe0a7,#f97450);transform:scale(1.05)}.btn-arrow{width:17px}.browse-recipes-btn{background-color:#fff;border:1px solid #ffded5;border-radius:5px;font-weight:500;padding:10px 20px;cursor:pointer;transition:.3s ease}.browse-recipes-btn:hover{background-color:#f5f5f5;color:#333;box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.website-features{display:flex;flex-direction:column;align-items:center;background-color:#fafafa;gap:30px;padding-top:50px}.top-section{text-align:center;margin-bottom:20px}.top-section p{color:#ba9f84}.top-section{color:#3f3f3f}.top-section span{background:linear-gradient(90deg,#f97450,#f8d492);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.features-wrapper{display:flex;align-items:stretch;justify-content:center;gap:50px;flex-wrap:wrap}.feature-card{display:flex;align-items:center;flex-direction:column;width:250px;max-height:300px;background-color:#fff;padding:50px 35px;border:1px solid #d7d7d7;border-radius:7px;margin-bottom:60px;transition:all .3s ease;cursor:pointer}.feature-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-8px) scale(1.03)}.feature-icon{background:linear-gradient(90deg,#f97450,#f8d492);display:flex;align-items:center;padding:15px;border-radius:5px;margin-bottom:15px}.feature-icon img{width:2rem}.feature-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;text-align:center}.feature-subtitle{text-align:center;color:#ba9f84}.featured-recipes{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.featured-recipes-title{text-align:center;margin-bottom:35px;margin-top:35px;color:#3f3f3f}.featured-recipes-title p{margin-top:10px;color:#ba9f84;font-size:1.1rem}.recipe-card{display:flex;flex-direction:column;position:relative;transition:.3s ease;height:10}.recipe-image{width:330px;height:170px;object-fit:cover;border-top-right-radius:12px;border-top-left-radius:12px}.time-serving{display:flex;gap:15px;align-items:center;margin-top:auto}.time-serving img{width:20px}.cooking-time,.serving-count{display:flex;gap:10px;align-items:center}.recipe-details-wrapper{border:1px solid #d9d9d9;width:328px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;flex:1;display:flex;flex-direction:column}.recipe-title{font-weight:600;font-size:1.1rem}.recipe-content{margin-left:10px;margin-top:10px;margin-bottom:25px;flex:1;display:flex;flex-direction:column}.recipe-owner{color:#8b8b8b;font-size:14px;margin-bottom:10px}.recipe-details{font-size:.9rem;color:#8b8b8b;margin-bottom:15px}.cooking-time p,.serving-count p{color:#8b8b8b;font-size:.9rem}.like-count{display:flex;align-items:center;gap:15px;background-color:#ffffffc9;position:absolute;right:10px;top:7px;padding:6px 10px;border-radius:4px;cursor:pointer}.like-count img{width:17px}.recipe-cards-wrapper{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;align-items:stretch}.bottom-hero{display:flex;flex-direction:column;align-items:center;background:linear-gradient(90deg,#f97450,#ffd079);color:#fff;padding:30px}.createAccount-button{color:#f97450;border:none;font-weight:500;padding:10px 20px;border-radius:5px;margin-top:10px;cursor:pointer;transition:.3s ease}.createAccount-button:hover{background-color:#f5f5f5;box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}footer{display:flex;padding:30px;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:20px}footer p{color:#8b8b8b;font-size:15px}.footer-links{display:flex;gap:30px}@media (max-width: 1100px){.hero{padding:110px 60px;justify-content:center;gap:40px;flex-wrap:wrap}}@media (max-width: 900px){.hero{padding:100px 40px}.right-hero-section h1{font-size:2.7rem}.hero-poster{width:500px;height:420px}}@media (max-width: 700px){.hero{flex-direction:column;text-align:center;padding:120px 25px}.feature-card{min-height:250px}.hero-poster{max-width:420px;height:380px}.right-hero-section h1{font-size:2.3rem}.right-hero-section p{font-size:1rem}.hero-buttons{justify-content:center}}@media (max-width: 600px){.hero-poster{width:100%;min-width:300px;height:340px}.hero{padding:70px 25px}}@media (max-width: 900px){.features-wrapper{gap:20px}.feature-card{width:210px;padding:35px 25px}}@media (max-width: 600px){.features-wrapper{flex-direction:column;gap:5px}.feature-card{width:90%;max-width:280px}.top-section h1{font-size:1.75rem}.top-section p{font-size:1rem}}@media (max-width: 600px){.recipe-image{width:100%;max-width:300px;height:200px;object-fit:cover}.recipe-details-wrapper,.recipe-card{width:100%;max-width:300px}}@media (max-width: 700px){.bottom-hero{padding:40px 20px;text-align:center}.bottom-hero h1{font-size:1.75rem}.bottom-hero p{font-size:.95rem}}@media (max-width: 700px){footer{flex-direction:column;gap:20px;text-align:center}.footer-links{flex-direction:column;gap:10px}}nav{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;width:100%;z-index:100;background-color:#fff;transition:background-color .3s,box-shadow .3s;box-shadow:none;padding:25px 50px;border-bottom:1px solid #cfcfcf}nav.transparent{background-color:#ffffffb3;box-shadow:0 2px 12px #00000012;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo-name{display:flex;align-items:center;gap:10px;cursor:pointer}.logo{width:30px}.website-name{font-weight:700;font-size:20px;background:linear-gradient(90deg,#f97450,#f8d492);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.nav-buttons{display:flex;gap:15px;margin-right:100px}.signIn-BTN{background-color:#fff;padding:7px 25px;border:1px solid #cfcfcf;border-radius:5px;cursor:pointer;font-weight:500;color:#515151;transition:all .3s ease}.signIn-BTN:hover{background-color:#f5f5f5;border-color:#b5b5b5;color:#333;box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.signIn-BTN:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.getStarted-BTN{background:linear-gradient(90deg,#f97450,#f8d492);border:none;color:#fff;font-weight:600;padding:12px 30px;border-radius:5px;cursor:pointer;transition:.3s ease}.getStarted-BTN:hover{background:linear-gradient(90deg,#ffe0a7,#f97450);transform:scale(1.05)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;margin-right:2rem}.hamburger span{width:25px;height:3px;background:#333;transition:.3s ease}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:absolute;top:80px;right:25px;background:#fff;border:1px solid #dcdcdc;border-radius:10px;padding:15px;display:none;flex-direction:column;gap:10px;width:150px;box-shadow:0 4px 12px #00000026;animation:fadeSlide .3s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.show{display:flex}@media (max-width: 1024px){.logo{width:27px}}@media (max-width: 1000px){.hamburger{display:flex}.nav-buttons{display:none}nav{padding:17px 15px!important}.logo-name img{width:30px}.website-name{font-size:1.1rem}.getStarted-BTN{padding:10px 20px}}.registration-page{background-color:#ffefea;display:flex;min-height:100vh;width:100vw;align-items:center;justify-content:center;padding:20px}.registration-wrapper{display:flex;align-items:center;justify-content:center;background-color:#fff;padding:50px 100px;border-radius:20px;gap:25px;box-shadow:0 4px 15px #00000014;margin-top:4%;max-width:100%}.left-section{display:flex;align-items:center;flex-direction:column}.poster{width:350px;margin-bottom:20px}.sub-tagline{display:flex;align-items:center;justify-content:center;gap:35px;font-size:1.3rem}.tagline{font-family:Playball;font-size:3.5rem;font-weight:500}.sub-tag-hr{width:150px;border:1px solid #f97450}.taglines-wrapper{width:340px;display:flex;flex-direction:column;gap:10px}.logo-name-registration{display:flex;align-items:center;gap:15px;cursor:pointer}.logo2{width:35px}.website-name2{font-weight:700;font-size:25px;background:linear-gradient(90deg,#f97450,#f8d492);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.partition{width:1px;height:650px;border:none;border-left:2px solid #bebebe;margin:0 40px}.title h1{font-size:2.2rem;font-weight:600}form{display:flex;flex-direction:column;gap:10px;margin-top:30px;width:100%}form div{display:flex;flex-direction:column;gap:5px}.form-inputs input{padding:12px 15px;border-radius:8px;border:1px solid #ddd;font-size:15px;font-weight:500;background-color:#f5fcf5}.form-inputs label{font-size:15px;font-weight:500}.sign-up-button{background:linear-gradient(to right,#f97450,#ffae5c);border-radius:8px;border:none;color:#fff;font-size:1.1rem;padding:12px;font-weight:500;margin-top:15px;cursor:pointer;transition:all .2s ease;width:100%}.sign-up-button:hover{box-shadow:0 6px 15px #f974504d;transform:translateY(-2px)}.link-to-login{text-align:center;font-size:14px;margin-top:15px;color:#555}.link-to-login span{color:#f97450;cursor:pointer;transition:.3s ease;font-weight:500;margin-left:5px}.link-to-login span:hover{text-decoration:underline}@media (max-width: 992px){.left-section,.partition{display:none}.registration-page{align-items:flex-start;padding-top:12vh}.registration-wrapper{padding:40px 25px;width:100%;max-width:450px;margin-top:0;flex-direction:column}.right-section .title h1,.right-section .title p{text-align:center}.right-section{width:100%}}*{font-family:Poppins;margin:0;box-sizing:border-box}.login-page{background-color:#ffefea;display:flex;min-height:100vh;width:100vw;align-items:center;justify-content:center;padding:20px}.login-wrapper{display:flex;align-items:center;justify-content:center;background-color:#fff;padding:50px 100px;border-radius:20px;gap:25px;box-shadow:0 4px 15px #00000014;margin-top:4%;max-width:100%}.left-section{display:flex;flex-direction:column;align-items:center;gap:20px}.taglines-wrapper{text-align:center}.tagline{font-family:Playball,cursive;font-size:2.5rem;font-weight:400}.sub-tagline{display:flex;align-items:center;gap:10px;color:#555}.sub-tagline hr{width:20px;border:1px solid #ccc}.poster{width:100%;max-width:350px;height:auto;margin:20px 0}.logo-name-registration{display:flex;align-items:center;gap:10px}.logo2{width:40px;height:auto}.website-name2{font-size:1.8rem;font-weight:600;color:#f97450}.partition{border:none;border-left:1px solid #e0e0e0;height:600px}.right-section{width:350px}.title{margin-bottom:25px}.title h1{font-size:2.2rem;font-weight:600;margin-bottom:5px}.title p{color:#777;font-size:.95rem}.form-inputs-login div{display:flex;flex-direction:column;margin-bottom:15px}.form-inputs-login label{font-weight:500;margin-bottom:5px}.form-inputs-login input{padding:12px;border:1px solid #ddd;background-color:#f5fcf5;border-radius:8px;font-size:1rem}.sign-in-button{background:linear-gradient(to right,#f97450,#ffae5c);border-radius:8px;border:none;color:#fff;font-size:1.1rem;padding:12px;font-weight:500;margin-top:5px;cursor:pointer;transition:all .2s ease;width:100%}.sign-in-button:hover{box-shadow:0 6px 15px #f974504d;transform:translateY(-2px)}.link-to-login{text-align:center;margin-top:20px;color:#555;font-size:.9rem}.link-to-login .link{color:#f97450;font-weight:500;margin-left:5px}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s ease-in-out infinite;margin:1px auto}@keyframes spin{to{transform:rotate(360deg)}}.sign-in-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 992px){.left-section,.partition,.mobile-logo-header{display:none}.login-page{align-items:flex-start;padding-top:17vh}.login-wrapper{padding:40px 25px;width:100%;max-width:450px;margin-top:0;flex-direction:column;box-shadow:0 4px 15px #00000014}.right-section .title h1,.right-section .title p{text-align:center}.right-section{width:100%}}.sidebar-wrapper{background-color:#fff8f6;height:100%;width:320px;display:flex;flex-direction:column;align-items:center;border-right:1px solid #e5e5e5;padding-top:40px;padding-left:10px;padding-right:10px;transition:width .3s,transform .3s ease-in-out;position:fixed;top:0;left:0;z-index:100}.sidebar-wrapper.collapsed{width:70px;align-items:flex-start;padding-left:0;padding-right:0}.collapse-btn{position:absolute;top:12px;right:12px;background:#ffe2d9;border:none;border-radius:6px;padding:8px;cursor:pointer;font-size:18px;z-index:2;display:flex;align-items:center}.collapse-btn img{width:22px}.sidebar-wrapper.collapsed .profile-wrapper{display:none}.profile-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.profile-pic{width:140px;height:140px;object-fit:cover;border-radius:70px;margin-bottom:15px}.profile-username{font-weight:700;font-size:22px;margin-bottom:5px;color:#222}.profile-bio{font-size:15px;color:#515151;margin-bottom:10px;text-align:center;font-weight:500}.navigations{width:100%;display:flex;flex-direction:column;gap:12px;height:100%;font-weight:500;padding-right:16px;padding-left:16px}.sidebar-wrapper.collapsed .navigations{padding-left:0;padding-right:0;align-items:center;margin-top:20px}.navigations li{list-style-type:none;display:flex;align-items:center;gap:14px;font-size:16px;color:#222;padding:8px 28px;cursor:pointer;transition:background .2s,color .2s;border-radius:8px;white-space:nowrap}.sidebar-wrapper.collapsed .navigations li{justify-content:center;padding:8px 0;gap:0}.navigations li.active{color:#f97450;background:#fff0ea;font-weight:500}.navigations img{width:22px}.navigations li:hover{background:#ffe2d9;color:#f97450;box-shadow:0 2px 8px #f9745014;transform:translateY(-1px) scale(1);transition:background .2s,color .2s,box-shadow .2s,transform .2s}.mobile-sidebar-header{display:none;width:100%;padding:10px 15px;justify-content:flex-end}.mobile-close-btn{background:none;border:none;cursor:pointer}.mobile-close-btn img{width:24px;height:24px}@media (max-width: 992px){.sidebar-wrapper.mobile{transform:translate(-100%);width:300px;z-index:102;padding-top:10px}.sidebar-wrapper.mobile.mobile-open{transform:translate(0)}.sidebar-wrapper.mobile .collapse-btn{display:none}.sidebar-wrapper.mobile .mobile-sidebar-header{display:flex}.sidebar-wrapper.mobile .profile-wrapper{display:flex;margin-bottom:20px;padding-top:0}.sidebar-wrapper.mobile .navigations{margin-top:0;align-items:stretch;padding-left:16px;padding-right:16px}.sidebar-wrapper.mobile .navigations li{justify-content:flex-start;padding:8px 28px;gap:14px}}.recipes-wrapper{flex:1;padding:32px 24px;overflow-y:auto;margin-top:70px}.recipes-header h1,.recipes-header-2 h1{color:#f97450;font-family:Reem kufi}.recipes-header p,.recipes-header-2 p{color:#a1a1a1;margin-top:2px}.recipe-box{width:260px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;overflow:hidden;border:1px solid #ececec;display:flex;flex-direction:column;margin:16px 0;padding-bottom:0;transition:transform .2s,box-shadow .2s}.recipe-box:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 6px 18px #f9745026}.view-recipe-btn{background:#fff;border:1px solid #ececec;border-radius:6px;padding:6px 18px;font-size:13px;cursor:pointer;margin-bottom:8px;transition:background .2s,border .2s;display:flex;align-items:center;justify-content:center;gap:12px}.view-recipe-btn:hover{background:#ffe2d9;border:1px solid #f97450}.view-recipe-icon{width:18px}.page-wrapper{display:flex}.page-wrapper-content{display:flex;flex-direction:column;height:auto;flex:1}.header{padding-top:10px;padding-left:25px;border-bottom:1px solid rgb(204,204,204);height:80px;box-sizing:border-box;position:fixed;top:0;right:0;z-index:100;background-color:#fff;display:flex;align-items:center}.header.transparent{background-color:#ffffffb3;box-shadow:0 2px 12px #00000012;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo-webName{display:flex;align-items:center;gap:15px;cursor:pointer;padding-bottom:5px}.web-logo{width:35px}.web-name{font-weight:700;font-size:25px;background:linear-gradient(90deg,#f97450,#f8d492);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:101;transition:opacity .3s}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:5px;margin-right:15px;z-index:1}.mobile-menu-btn img{width:28px;height:28px}.recipes-wrapper{flex:1;padding:32px 24px;margin-top:70px;overflow-y:auto}.recipes,.recipes.collapsed{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:20px 0;justify-items:stretch}.category-select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#333;background-color:#fff;cursor:pointer;outline:none;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;width:200px;min-width:180px}.category-select:focus{border-color:#f97450;box-shadow:0 0 0 2px #f9745033}.recipes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:0 10px}.no-liked-recipes{grid-column:1 / -1;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#6b6b6b;text-align:center;margin:0 auto;padding:40px 0}@media (max-width: 992px){.header{left:0!important;padding-left:15px}.mobile-menu-btn{display:block}.page-wrapper-content{margin-left:0!important}.recipes-header{align-items:flex-start;gap:15px;margin-right:0;padding:0 15px}}@media (max-width: 860px){.recipes,.recipes.collapsed{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding-left:24px;padding-right:24px}}@media (max-width: 768px){.recipes-wrapper{padding:24px 16px}.recipes-header{align-items:center;text-align:center;flex-direction:column}.recipes-header h1{font-size:2rem}.recipes-header p{font-size:1rem}.recipes,.recipes.collapsed{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 576px){.recipes,.recipes.collapsed{grid-template-columns:1fr;gap:24px}.header{padding-top:10px}.recipes-header{align-items:center;text-align:center}.recipes-header h1{font-size:1.75rem}.recipes-header p{font-size:.95rem}.category-select{width:90%}.logo-webName{gap:10px}.web-logo{width:30px}.web-name{font-size:22px}}.my-recipes-wrapper{flex:1;padding:32px 24px;overflow-y:auto;margin-top:70px}.page-wrapper-content{width:auto!important;max-width:100%;overflow-x:hidden}.add-new-recipe-card{background:#fff;border:1px solid #ececec;border-radius:10px;padding:15px 24px 24px;margin-top:32px;box-shadow:0 2px 12px #0000000a;max-width:1200px;width:100%;display:flex;flex-direction:column;box-sizing:border-box}.add-recipe-title{font-size:22px;font-weight:600;margin-bottom:18px}.add-recipe-form-container{width:100%}.add-recipe-form{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.left-inputs{flex:2;display:flex;flex-direction:column;gap:12px}.input-row-1{display:flex;flex-direction:row;gap:20px}.input-row-3{display:flex;gap:18px;flex-direction:row}.input-group{display:flex;flex-direction:column;flex:1;min-width:120px}.input-group.wide{flex:2}.input-group.image{flex:1;min-height:80px}.input-group label{font-size:15px;font-weight:500;margin-bottom:6px}.input-group input,.input-group textarea{border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:15px;margin-bottom:0;background:#fafafa;resize:none}.input-group textarea{min-height:80px;max-height:120px}.right-inputs{flex:1;display:flex;flex-direction:column;gap:18px;justify-content:flex-start;min-width:220px}.instructions-group{flex:1}.instructions-group textarea{min-height:250px;max-height:250px}.share-recipe-btn{margin-top:12px;background:#ff8a65;color:#fff;border:none;border-radius:6px;padding:12px 0;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.input-row input[type=file]{padding:8px;border:1px solid #ddd;border-radius:8px;background:#fafafa;cursor:pointer}.input-row input[type=file]::-webkit-file-upload-button{background:#ff7b29;color:#fff;border:none;padding:8px 14px;border-radius:6px;margin-right:10px;cursor:pointer}.input-row input[type=file]::-webkit-file-upload-button:hover{background:#e56715}.share-recipe-btn:hover{background:#f97450}.my-recipes-box-wrapper{margin-top:25px}.my-recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:20px 0}.my-recipes-header{font-weight:600;font-size:1.2rem}.recipes-header h1{color:#f97450;font-family:Reem kufi}.recipes-header p{color:#a1a1a1;margin-top:2px}.recipe-box{width:260px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;overflow:hidden;border:1px solid #ececec;display:flex;flex-direction:column;margin:16px 0;padding-bottom:0}.recipe-card,.recipe-box{padding-bottom:0;margin-bottom:0}.recipe-image-wrapper{position:relative;width:100%;height:140px;overflow:hidden}.recipe-picture{width:100%;height:100%;object-fit:cover}.recipe-like{position:absolute;top:10px;right:10px;background:#ffffffe6;border-radius:5px;padding:6px 12px;display:flex;align-items:center;box-shadow:0 1px 4px #00000012;font-weight:500;font-size:15px;gap:3px}.like-icon{width:18px;margin-right:5px;cursor:pointer}.recipe-content{padding:10px 20px 0 10px;display:flex;flex-direction:column;gap:8px}.recipe-title{font-size:17px;font-weight:600;margin-bottom:2px}.recipe-desc{font-size:13px;color:#515151;margin-bottom:8px;height:32px}.recipe-info{display:flex;gap:18px;font-size:13px;color:#515151;margin-bottom:8px}.info-icon{width:15px;margin-right:4px;vertical-align:middle}.recipe-buttons{display:flex;gap:10px}.delete-recipe-btn{background:#fff;border:1px solid #ececec;border-radius:6px;padding:6px 18px;font-size:13px;cursor:pointer;margin-bottom:8px;transition:background .2s,border .2s;display:flex;align-items:center;justify-content:center;gap:12px}.delete-recipe-btn:hover{background:#ffe2d9;border:1px solid #f97450}.delete-icon{width:18px}.edit-recipe-btn{background:#ff9962;border:none;border-radius:6px;padding:6px 18px;font-size:13px;cursor:pointer;margin-bottom:8px;transition:background .2s,border .2s;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}.edit-recipe-btn:hover{background:#fa874a}.edit-icon{width:18px}.recipe-source{font-size:11px;color:#888;margin-top:5px}.category{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#333;background-color:#fafafa;cursor:pointer;outline:none;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;width:200px;min-width:180px}.category:focus{border-color:#f97450;box-shadow:0 0 0 2px #f9745033}.no-user-recipes{grid-column:1 / -1;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#6b6b6b;text-align:center;margin:0 auto;padding:40px 0}.no-recipe-heart{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.06));opacity:.75;transition:opacity .15s ease}.no-user-recipes h3{margin:0;font-size:18px;color:#3a3a3a;font-weight:600}.no-user-recipes p{margin:0;font-size:14px;color:#9b9b9b}.image-group{margin-top:32px}@media screen and (max-width: 1200px){.add-recipe-form{flex-direction:column;gap:24px}.left-inputs,.right-inputs{width:100%;flex:unset}.category{width:100%}.instructions-group textarea{min-height:180px}}@media screen and (max-width: 860px){.my-recipes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-content:center;padding-left:24px;padding-right:24px}.recipe-box{width:100%;max-width:450px;margin-left:auto;margin-right:auto}}@media screen and (max-width: 768px){.my-recipes-wrapper{padding:24px 16px}.add-new-recipe-card{padding:20px 16px}.input-row-1,.input-row-3{flex-direction:column;gap:16px}.input-group[style*=margin-top]{margin-top:0!important}.my-recipes{grid-template-columns:repeat(2,1fr);gap:24px}.recipe-image-wrapper{height:180px}.image-group{margin-top:0}.recipes-header-2{align-items:center;text-align:center;flex-direction:column}}@media screen and (max-width: 550px){.my-recipes{grid-template-columns:1fr;gap:24px}}.no-liked-recipes{grid-column:1 / -1;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#6b6b6b;text-align:center}.no-liked-circle{width:140px;height:140px;border-radius:50%;background:#ff8c551f;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #ff8c550f}.no-liked-heart{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.06));opacity:.75;transition:opacity .15s ease}.no-liked-recipes h3{margin:0;font-size:18px;color:#3a3a3a;font-weight:600}.no-liked-recipes p{margin:0;font-size:14px;color:#9b9b9b}.profile-container{flex:1;padding:32px 24px;overflow-y:auto;margin-top:70px}.profile-header h1{color:#f97450;font-family:Reem kufi}.profile-header p{color:#a1a1a1;margin-top:2px}.profile-grid-1{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"info stats1" "info stats2";gap:20px;margin-top:30px;align-items:stretch}.profile-cards-wrapper{display:flex;flex-direction:column;gap:30px}.profile-info{grid-area:info;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;justify-content:center}.stats1{grid-area:stats1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stats2{grid-area:stats2;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-info img{width:100px;height:100px;border-radius:50%;margin-bottom:10px}.icon{width:23px}.profile-card blockquote{font-size:.9rem;color:#777;margin-top:10px;font-style:italic}.profile-info p{font-weight:500}.profile-grid-2{display:grid;grid-template-columns:repeat(2,1fr);max-width:550px;gap:20px}.most-liked-recipe{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 2px 6px #0000001a;min-width:280px;padding:30px 20px;align-items:center;border-radius:10px}.most-liked-recipe-header{display:flex;gap:20px;margin-bottom:10px}.header-title{font-family:Poppins;font-weight:500;font-size:20px}.total-likes-icon{width:18px}.likes-count{display:flex;flex-direction:row;align-items:center;gap:8px}.likes-count p{font-weight:500;font-size:20px}.recipe-description img{width:100%;max-width:250px;height:200px;object-fit:cover;border-radius:10px}.recipe-description p{max-width:250px}.recipe-description{display:flex;flex-direction:column;gap:8px}.recipe-name{font-weight:500;font-size:20px;text-align:center}.recipe-details{color:#8b8b8b}.cooking-streak{min-width:250px;min-height:200px;background-color:#fff;box-shadow:0 2px 6px #0000001a;border-radius:8px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cooking-streak img{width:100px}.cooking-streak p{font-weight:500;font-size:20px}.cooking-streak-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;flex:1}.cooking-streak-content p{font-size:18px;color:#ef6183;text-align:center}.profile-card,.most-liked-recipe,.cooking-streak{transition:transform .2s,box-shadow .2s}.profile-card:hover,.most-liked-recipe:hover,.cooking-streak:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 6px 18px #f9745026}.no-recipes{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#6b6b6b;text-align:center}.no-recipe-circle{width:140px;height:140px;border-radius:50%;background:#ff8c551f;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #ff8c550f}.no-recipe-icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.06));opacity:.75;transition:opacity .15s ease}.no-recipes h3{margin:0;font-size:18px;color:#3a3a3a;font-weight:600}.no-recipes p{margin:0;font-size:14px;color:#9b9b9b}@media (max-width: 992px){.profile-grid-1{grid-template-columns:1fr;grid-template-areas:"info" "stats1" "stats2"}.profile-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,2,1fr))}}@media (max-width: 670px){.stats1{grid-template-columns:1fr}.profile-container{padding:24px 16px}.profile-header h1{font-size:1.8rem}.profile-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:center}.profile-header{align-items:center;text-align:center;flex-direction:column}}.settings-grids{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;gap:20px;padding:10px}.settings-cards{padding:32px 24px;margin-top:70px}.settings-header h1{color:#f97450;font-family:Reem kufi}.settings-header p{color:#a1a1a1;margin-top:2px}.account-settings-header{display:flex;align-items:center;gap:10px;font-weight:500;font-size:1.2rem;margin-bottom:20px}.account-settings-header img{width:20px}.account-settings-card{box-shadow:0 2px 6px #0000001a;padding:25px 20px 40px;border-radius:8px}.account-settings-contents{display:flex;flex-direction:column;align-items:center}.account-settings-contents img{width:120px;height:120px;border-radius:60px;object-fit:cover}.account-settings-input{max-width:400px;min-width:350px}.account-settings-input input{font-weight:400;border-radius:6px;border:1px solid #cccccc;padding:8px}.bio{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:15px}.cooking-title{padding:10px;border-radius:8px;border:1px solid #cccccc;color:#747474;font-weight:500}.save-changes-button{border:none;background-color:#ff8a6b;color:#fff;padding:10px;border-radius:7px;cursor:pointer;transition:.2s ease}.save-changes-button:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.update-photo-button{background-color:#ff7b29;margin-top:10px;border-radius:4px;border:none;color:#fff;padding:5px 15px;cursor:pointer;transition:.2s ease}.update-photo-button:hover{background:#f97450}.settings-grid-1{flex-basis:450px}.settings-grid-2{flex-basis:300px}.settings-grid-2{display:flex;flex-direction:column;gap:15px}.update-password-card{min-width:300px;box-shadow:0 2px 6px #0000001a;padding:25px 35px;border-radius:8px}.update-password-card-header{display:flex;align-items:center;gap:10px;font-weight:500;font-size:1.2rem;margin-bottom:0}.update-password-card-header img{width:20px}.update-password-input{margin-top:15px}.update-password-input input{font-weight:400;font-size:13px;border-radius:6px;border:1px solid #cccccc;padding:8px}.save-password-button{border:none;background-color:#ff8a6b;color:#fff;padding:10px;border-radius:7px;cursor:pointer;transition:.2s ease}.save-password-button:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.app-information-card{box-shadow:0 2px 6px #0000001a;padding:25px 35px;border-radius:8px}.app-information-card-header{display:flex;align-items:center;font-weight:500;font-size:1.2rem;gap:10px;margin-bottom:10px}.app-information-card-header img{width:20px}.app-information-card-content{display:flex;flex-direction:column;gap:7px}.app-info-hr{width:100%;background-color:#e0e0e0}.version,.update{display:flex;justify-content:space-between}.version-number,.update-date{color:#929292;font-size:13px}.version-label,.update-label{font-size:13px;font-weight:500}.app-information-card-content button{padding:7px;border-radius:5px;border:1px solid #e5e5e5;background-color:#fff;cursor:pointer;transition:.2s ease}.app-information-card-content button:hover{background-color:#f1f1f1}.error{text-align:center;font-size:12px;color:#ff4141}@media (max-width: 1300px){.settings-grids{flex-direction:column}}@media (max-width: 992px){.settings-grids{flex-direction:column}}@media (max-width: 500px){.settings-cards{padding:24px 16px}.account-settings-card{min-width:0;padding:25px 15px 30px}.account-settings-input{min-width:0;width:100%}.update-password-card,.app-information-card{min-width:0;padding:25px 20px}}.recipe-details-box{flex:1;padding:32px 24px;overflow-y:auto;margin-top:70px}.back-to-discover-btn{display:flex;align-items:center;gap:7px;padding:5px 12px;background-color:#fff;border-radius:4px;border:1px solid #d9d9d9;font-size:13px;cursor:pointer;transition:.2s ease}.back-to-discover-btn img{width:15px}.back-to-discover-btn:hover{transform:translateY(-2px)}.col-1{display:flex;gap:40px;margin-top:20px}.recipe-image-box img{min-width:450px;height:300px;object-fit:cover;border-radius:8px}.recipe-details-content{max-width:500px;display:flex;flex-direction:column;gap:15px}.recipe-details-content h1{color:#f97450}.recipe-information{color:#8b8b8b;font-size:1.2rem}.recipe-info-icon-container{display:flex;gap:18px;font-size:13px;color:#515151;margin-bottom:8px;font-weight:500}.recipe-info-icon{width:27px;margin-right:4px;vertical-align:middle}.recipe-author{color:#878787}.recipe-author strong{color:#000;font-weight:500}.col-2{display:flex;gap:40px}.ingredients-wrapper{margin-top:20px}.ingredients-wrapper-title{font-size:1.8rem;font-weight:600}.ingredients-card{background-color:#f4f4f4;max-width:450px;min-width:450px;padding:10px;border-radius:8px;margin-top:20px}.dot{height:8px;width:8px;background-color:#ff7b54;border-radius:50%;display:inline-block;margin-right:15px}.instructions-wrapper{margin-top:20px}.instructions-wrapper-title{font-size:1.8rem;font-weight:600}.instructions-card{display:flex;background-color:#f4f4f4;margin-top:20px;padding:20px;gap:15px;max-width:450px;min-width:450px;border-radius:7px;align-items:flex-start}.instructions-num{background-color:#ff7b54;color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px}@media (max-width: 992px){.col-1,.col-2{flex-direction:column;gap:20px}.recipe-image-box img{min-width:unset;width:100%;height:auto;max-height:400px}.recipe-details-content{max-width:100%}.ingredients-card,.instructions-card{min-width:unset;max-width:100%;width:100%;box-sizing:border-box}.recipe-details-box{padding:20px 16px}}.edit-recipe-wrapper{flex:1;padding:32px 24px;overflow-y:auto;margin-top:70px}.edit-recipe-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;margin-bottom:18px}.edit-recipe-title img{width:20px}