*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.main-content{flex:1 0 auto;width:100%}footer{flex-shrink:0}.home-container{box-sizing:border-box;background-color:#f8c7decc;flex-direction:column;width:100%;max-width:1300px;min-height:100vh;margin:0 auto;padding:0 25px;display:flex}hr{border:none;border-top:1px solid #00000026;width:95%;height:1px;margin:0 auto}.logo{border-radius:50%;width:100%;max-width:200px;height:auto;margin:30px auto 20px;box-shadow:0 4px 8px #0000000d}.greetings-span{color:#535353;text-align:center;max-width:800px;margin:0 auto 30px;padding:0 15px;font-size:1.1rem;line-height:1.6}.home-pics-div{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:32px;width:100%;max-width:1200px;margin:40px auto;padding:0 20px;display:grid}.img-pics{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform, box-shadow;background-color:#fff;border-radius:16px;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 10px #00000008,0 16px 32px #2828320f}@media screen and (width<=768px){.home-pics-div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0 15px}.img-pics{border-radius:14px}}@media screen and (width<=480px){.home-container{padding:0 16px}.home-pics-div{grid-template-columns:repeat(2,1fr);gap:14px;margin:25px auto;padding:0}.logo{max-width:140px;margin:24px auto 16px}.greetings-span{margin-bottom:24px;font-size:.95rem;line-height:1.5}.img-pics{border-radius:12px;box-shadow:0 2px 6px #00000005,0 8px 16px #2828320d}.img-pics:hover{box-shadow:none;transform:none}}@media (hover:hover){.img-pics:hover{cursor:pointer;transform:translateY(-6px)scale(1.02);box-shadow:0 24px 48px #0000001a,0 6px 16px #00000008}}.footer-div{background-color:#f8b8d6c0;justify-content:center;align-items:center;gap:20px;width:100%;height:70px;display:flex}.footer-div a{align-items:center;display:flex}.ig-logo,.tiktok-logo{object-fit:contain;width:45px;height:auto}.name,.home-link{color:#fff;text-decoration:none;transition:opacity .2s ease-in-out}.home-link:hover{opacity:.9;text-decoration:underline}.cake-gallery-link{color:#fff;text-decoration:none;transition:opacity .2s ease-in-out}.cake-gallery-link:hover{opacity:.9;text-decoration:underline}.cookie-gallery-link{color:#fff;text-decoration:none;transition:opacity .2s ease-in-out}.cookie-gallery-link:hover{opacity:.9;text-decoration:underline}.form-link{color:#fff;text-decoration:none;transition:opacity .2s ease-in-out}.form-link:hover{opacity:.9;text-decoration:underline}.nav{background-color:#f8b8d6c0;justify-content:space-around;align-items:flex-end;width:100%;height:70px;padding-bottom:8px;display:flex;box-shadow:0 2px 4px #0000000d}.nav .name{font-size:2rem;font-weight:700}.topnav{display:none}a.icon{text-align:center;cursor:pointer;color:#fff;background-color:#f4a9cbf2;width:60px;height:100%;padding:0;position:absolute;top:0;right:0}a.icon .fa{color:#fff;margin-top:15px;font-size:1.3rem}a.icon .fa-bars{font-size:30px;font-weight:900}@media screen and (width<=988px){.nav{display:none}.topnav{background-color:#f8b8d6c0;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative;box-shadow:0 2px 4px #0000000d}.topnav a:first-child{text-decoration:none}.topnav .nav-name{color:#fff;margin:0;padding:16px;font-size:1.5rem;font-weight:700}.topnav #myLinks{background-color:#f4a9cbf2;width:100%}.topnav #myLinks a{border-bottom:1px solid #ffffff1a;padding:14px 20px;font-size:1rem;display:block}.topnav #myLinks a:last-child{border-bottom:none}.topnav #myLinks a.active{background-color:#f4a9cbf2;font-weight:700}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form{box-sizing:border-box;background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;margin:60px auto;padding:40px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000f,0 1px 3px #dc72a11a}#servings{box-sizing:border-box;color:#333;background-color:#fafafa;border:1px solid #0000001f;border-radius:8px;width:100%;max-width:100px;height:42px;padding:0 14px;font-size:.95rem;transition:all .3s}#servings:focus{background-color:#fff;border-color:#e880c7;outline:none;box-shadow:0 0 0 4px #e880c726}.submit-btn:active{transform:translateY(0)}@media screen and (width<=600px){.form{box-shadow:none;border-radius:0;margin:20px auto;padding:24px 16px}h1{font-size:1.6rem}fieldset{padding:12px}}.cookie-form{box-sizing:border-box;background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;margin:60px auto;padding:40px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000f,0 1px 3px #dc72a11a}h1{letter-spacing:-.5px;color:#333;text-align:center;margin-bottom:24px;font-family:Playfair Display,Didot,Georgia,serif;font-size:2rem;font-weight:700}span{color:#555;margin-bottom:16px;font-size:.95rem;line-height:1.6;display:block}.user-data{flex-direction:column;gap:16px;margin-top:15px;display:flex}label{color:#444;margin-bottom:-6px;font-size:.9rem;font-weight:600}.text{box-sizing:border-box;color:#333;background-color:#fafafa;border:1px solid #0000001f;border-radius:8px;width:100%;height:42px;padding:0 14px;font-size:.95rem;transition:all .3s}.text:focus{background-color:#fff;border-color:#e880c7;outline:none;box-shadow:0 0 0 4px #e880c726}#date{box-sizing:border-box;color:#333;background-color:#fafafa;border:1px solid #0000001f;border-radius:8px;width:100%;max-width:180px;height:42px;padding:0 14px;font-size:.95rem;transition:all .3s}#date:focus{background-color:#fff;border-color:#e880c7;outline:none;box-shadow:0 0 0 4px #e880c726}.amount-text{box-sizing:border-box;color:#333;background-color:#fafafa;border:1px solid #0000001f;border-radius:8px;width:100%;max-width:120px;height:32px;margin-left:10px;padding:0 14px;font-size:.95rem;transition:all .3s}.amount-text:focus{background-color:#fff;border-color:#e880c7;outline:none;box-shadow:0 0 0 4px #e880c726}.address-text{box-sizing:border-box;color:#333;background-color:#fafafa;border:1px solid #0000001f;border-radius:8px;width:100%;height:42px;margin-top:8px;padding:0 14px;font-size:.95rem;transition:all .3s;animation:.3s fadeInDown}.address-text:focus{background-color:#fff;border-color:#e880c7;outline:none;box-shadow:0 0 0 4px #e880c726}fieldset{background-color:#f8c7de0d;border:1px solid #e880c740;border-radius:10px;margin:10px 0;padding:20px}fieldset div{align-items:center;gap:10px;margin-bottom:12px;display:flex}fieldset div:last-child{margin-bottom:0}fieldset input[type=radio]{accent-color:#e880c7;cursor:pointer;width:18px;height:18px}fieldset label{cursor:pointer;margin-bottom:0;font-weight:400}legend{color:#e880c7;padding:0 8px;font-size:.9rem;font-weight:600}.files{text-align:center;background-color:#fafafa;border:2px dashed #e880c74d;border-radius:12px;flex-direction:column;align-items:center;margin:15px 0;padding:20px;transition:border-color .3s;display:flex}.files:hover{border-color:#e880c7}.file-text{color:#333;margin:0 0 12px;font-size:.95rem;font-weight:600}.file-flexdiv{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.file-label{color:#e880c7;cursor:pointer;font-size:2.5rem;transition:transform .2s}.file-label:hover{transform:scale(1.1)}.file-list{width:100%;max-height:100px;margin:5px 0;padding:0;list-style:none;overflow-y:auto}.file-list li{color:#555;text-align:left;white-space:nowrap;text-overflow:ellipsis;background-color:#0000000a;border-radius:4px;margin-bottom:4px;padding:6px 12px;font-size:.8rem;overflow:hidden}small{color:#777;margin-top:8px;font-size:.78rem}.submit-section{flex-direction:column;align-items:center;width:100%;margin-top:15px;display:flex}.submit-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background-color:#e880c7;border:none;border-radius:25px;width:100%;max-width:280px;height:46px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #e880c74d}.submit-btn:hover{background-color:#d664b3;transform:translateY(-2px);box-shadow:0 6px 20px #e880c766}.form-message{text-align:center;border-radius:8px;margin-top:15px;padding:10px 20px;font-size:.95rem;font-weight:600;animation:.3s fadeIn}.form-message.success{color:#2e7d32;background-color:#edf7ed}.form-message.error{color:#c62828;background-color:#fdecea}.spinner-div{justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex}@media screen and (width<=600px){.cookie-form{box-shadow:none;border-radius:0;margin:20px auto;padding:24px 16px}h1{font-size:1.6rem}fieldset{padding:12px}}.img-container{box-sizing:border-box;background-color:#f8c7decc;flex-direction:column;width:100%;max-width:1300px;min-height:100vh;margin:0 auto;padding:40px 25px;display:flex}.gallery-span{color:#4a4a4a;text-align:center;letter-spacing:-.5px;text-transform:uppercase;margin-bottom:40px;font-size:2.2rem;font-weight:700;position:relative}.gallery-span:after{content:"";background-color:#e880c799;border-radius:2px;width:60px;height:3px;margin:10px auto 0;display:block}.img-flex-container{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;gap:25px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.img-pics{aspect-ratio:1;object-fit:cover;will-change:transform, box-shadow;background-color:#fff;border-radius:16px;width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000000a,0 10px 25px #a3768d1f}.img-pics:hover{cursor:pointer;transform:translateY(-8px)scale(1.03);box-shadow:0 20px 35px #e880c740,0 4px 12px #e880c71a}@media screen and (width<=768px){.img-container{padding-top:30px}.gallery-span{margin-bottom:30px;font-size:1.8rem}.img-flex-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.img-pics{border-radius:12px}}@media screen and (width<=480px){.img-container{padding:20px 10px}.gallery-span{margin-bottom:20px;font-size:1.5rem}.img-flex-container{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;padding:0 5px}.img-pics{border-radius:10px}}
