*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;line-height:1.3;overflow-x:hidden}body,footer{font-family:Afacad Flux,Arial,sans-serif}footer{background-color:#333;color:#fff;padding:20px;text-align:center;width:100%}body{background-color:#f8d3a0}.sign-in-section,.sign-up-section{align-items:center;background-color:#f8d3a0;display:flex;justify-content:center;padding:20px;text-align:center}.sign-in-container,.sign-up-container{background:#feedd4;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:20px;max-width:400px;padding:20px 40px;width:100%}.sign-in-container h1,.sign-up-container h1{color:#e67e22;font-family:Afacad Flux,Arial,sans-serif;font-size:2.5rem;margin-bottom:10px;text-align:center}.sign-in-container p,.sign-up-container p{color:#666;font-family:Quicksand,Arial,sans-serif;font-size:1rem}.reset-password-form,.sign-in-form,.sign-up-form{display:flex;flex-direction:column;gap:15px}.reset-password-form input,.sign-in-form input,.sign-up-form input{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:10px}.signin-button{background:#e67e22;border:none;border-radius:5px;color:#ffedd5;font-size:1.2em;margin-top:auto;padding:10px 20px;text-decoration:none;transition:transform .3s ease}.signin-button:hover{transform:scale(1.05)}.signin-button:active{background-color:#ca6c1b}.signin-button:disabled{background-color:#d9975c;cursor:not-allowed}.signin-button .spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-left:5px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invalid{color:red}.valid{color:green}#password-requirements{font-size:.9rem;list-style-type:none;margin:0;padding:0;text-align:left}.password-container{display:flex;flex-direction:column;gap:inherit;position:relative}.password-container input{width:100%}.password-tip ul{color:#333;font-size:.8rem;list-style-type:none;margin:0;padding:0}.password-tip p{color:#333;font-size:.9rem}.password-tip .valid{color:green}.password-tip .invalid{color:red}.password-tip{background-color:#fff;border:1px solid #e67e22;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;left:5%;padding:10px;position:absolute;text-align:left;top:-120px;width:90%;z-index:10}.password-tip:before{border-color:#e67e22 transparent transparent;border-style:solid;border-width:10px 10px 0;bottom:-10px}.password-tip:after,.password-tip:before{content:"";height:0;left:20px;position:absolute;width:0}.password-tip:after{border-color:#fff transparent transparent;border-style:solid;border-width:10px 10px 0;bottom:-9px}.sign-up-form input.invalid{background-color:#ffebee;border-color:#f44336}#error-message{color:red;font-size:.9rem;margin-top:10px}#confirm-password-error{color:#ff4c4c;display:none;font-size:.9rem;margin-top:0;text-align:left}.phone-input{width:100%}.coupon-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}#coupon-code{border:1px solid #ccc;border-radius:5px;flex:1;font-size:1rem;padding:10px}.apply-coupon-button{background:#e67e22;border:none;border-radius:5px;color:#ffedd5;cursor:pointer;flex-shrink:0;font-size:1rem;padding:10px 20px;transition:transform .3s ease}.apply-coupon-button:hover{transform:scale(1.05)}.apply-coupon-button:active{background-color:#ca6c1b}.apply-coupon-button:disabled{background-color:#d9975c;transform:none}.name-container{display:flex;gap:10px;justify-content:space-between}.name-container input{flex:1;min-width:100px}.marketing-checkbox{align-items:center;color:#666;display:flex;font-family:Quicksand,Arial,sans-serif;font-size:.8rem;text-align:left;width:100%}.marketing-checkbox label{flex:1}.marketing-checkbox input[type=checkbox]{height:20px;margin-right:10px;width:20px}@media (max-width:400px){.coupon-container{flex-direction:column;gap:15px}#coupon-code{width:100%}.apply-coupon-button{text-align:center;width:100%}.name-container{flex-direction:column;gap:15px}.name-container input{width:100%}}.top-nav{align-items:center;background-color:#333;border-bottom:2px solid #e67e22;color:#fff;display:flex;font-family:Afacad Flux,Arial,sans-serif;font-size:1em;justify-content:space-between;left:0;line-height:normal;padding:5px 5px 5px 20px;position:fixed;top:0;width:100%;z-index:999}.nav-left a,.nav-right button{color:#fff;font-weight:400;padding:8px 15px;text-decoration:none}.nav-left a:hover,.nav-right button:hover{background-color:#e67e22}.nav-left,.nav-right{align-items:center;display:flex}.nav-right{justify-content:flex-end;margin-left:auto}.navbar-button{background:#e67e22;border:none;border-radius:3px;color:#ffedd5;display:none;margin-top:auto;padding:5px;text-align:center;text-decoration:none}.logo img{display:block;max-height:30px;object-fit:contain;padding:0;width:80px}.logo img.hover,.logo:hover img.default{display:none}.logo:hover img.hover{display:block}.mobile-menu{background-color:#333;border-top:2px solid #e67e22;display:none;flex-direction:column;margin-top:0;padding:0;position:absolute;right:0;top:100%;width:200px;z-index:999}.mobile-menu a{color:#fff;font-weight:700;padding:15px;text-align:center;text-decoration:none}.mobile-menu a:hover{background-color:#e67e22}.hamburger{display:none;font-size:1.5rem}.hamburger,.userHamburger{color:#fff;cursor:pointer}#userGreeting{align-items:center;display:none;margin-right:10px}#userName{text-decoration:underline}#userMenu{cursor:pointer;margin-left:8px}.mobile-menu.show{display:flex}#signInButton,#signUpButton{margin-right:10px}@media (max-width:768px){.nav-left{display:none}.hamburger{display:block}.mobile-menu{background-color:#333;display:none;flex-direction:column;left:0;margin-top:0;padding:0;position:absolute;top:100%;width:100%;z-index:999}.mobile-menu.show{display:flex}#userMenu{cursor:pointer;margin-left:8px;margin-right:8px}.navbar-button{padding:2px 5px}}.notification{align-items:center;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.15);display:none;display:flex;font-size:.9em;gap:10px;left:20px;margin-top:10px;max-width:300px;opacity:0;padding:10px 15px;position:fixed;text-align:left;top:70px;transition:opacity .5s ease,top .5s ease;z-index:999}.notification.show{display:flex;opacity:1;top:60px}.notification.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.notification .icon{font-size:1.2em}.notification .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2em;margin-left:auto;z-index:999}@media (max-width:768px){@media (max-width:768px){.notification{left:50%;max-width:none;transform:translateX(-50%);width:90%}}}