:root{--primary-50:#e6fcf9;--primary-100:#d9faf6;--primary-200:#b0f4ec;--primary-300:#7dede1;--primary-400:#4ae6d6;--primary-500:#00dcc2;--primary-600:#00c6af;--primary-700:#00b09b;--primary-800:#00a592;--primary-900:#008474;--neutral-1:#fdfdfd;--neutral-2:#f6f6f7;--neutral-3:#f1f1f2;--neutral-4:#dddcdf;--neutral-5:#c6c5ca;--neutral-6:#9897a0;--neutral-7:#6a6876;--neutral-8:#575665;--neutral-9:#3c3a4c;--neutral-10:#353345;--neutral-11:#2b2a3d;--neutral-12:#19172c;--white:#fff;--black:#000;--bg-surface:#092a2a;--dark-b:#092a2a;--dark-b-skeleton:#0d3d3d;--light-b:#f6f8f8}.auth-form-container{flex-direction:column;justify-content:center;width:100%;padding:32px;display:flex}@media (min-width:768px){.auth-form-container{width:50%}}.auth-form-wrapper{width:100%;max-width:480px;margin:0 auto}.back-to-shopping-btn{color:var(--neutral-7);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:16px;transition:color .2s;display:flex}.back-to-shopping-btn:hover{color:var(--neutral-9)}.back-to-shopping-btn:focus{border-radius:4px;outline:none}.logo-container{margin-bottom:24px}.auth-form-title{color:var(--neutral-9);margin-bottom:16px;font-size:30px;font-weight:600}.auth-form{flex-direction:column;gap:14px;display:flex}.error-message{color:var(--neutral-9);background-color:var(--neutral-3);border:1px solid var(--neutral-4);border-radius:8px;margin-top:16px;margin-bottom:24px;padding:12px;font-size:14px;animation:.5s ease-in-out shake}.info-message{color:var(--neutral-8);background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-top:16px;margin-bottom:24px;padding:12px;font-size:14px}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.form-input.error{background-color:#fef2f2;border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group{flex-direction:column;gap:16px;display:flex}.form-row{gap:16px;display:flex}.form-field{flex:1}.form-field-half{width:50%}.form-label{color:var(--neutral-8);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.required-asterisk{color:var(--neutral-8)}.form-input{border:1px solid var(--neutral-4);background-color:var(--white);border-radius:9999px;width:100%;padding:8px 16px;font-size:16px;transition:all .2s}.form-input:focus{border-color:var(--primary-400);background-color:var(--white);outline:none;box-shadow:0 0 0 3px #4ae6d61a}.form-input:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-hint{color:var(--neutral-6);margin-top:4px;font-size:12px}.password-field{position:relative}.password-toggle{color:var(--neutral-6);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--neutral-8)}.password-toggle:focus{color:var(--primary-400);border-radius:4px;outline:none;box-shadow:0 0 0 2px #4ae6d64d}.password-toggle:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}.password-reset-section{justify-content:flex-end;gap:4px;margin-top:16px;display:flex}.password-reset-text{color:var(--neutral-6);font-size:14px}.password-reset-btn{color:var(--neutral-9);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.password-reset-btn:hover{text-decoration:none}.password-reset-btn:focus{color:var(--primary-400);border-radius:4px;outline:none;box-shadow:0 0 0 2px #4ae6d64d}.password-reset-btn:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}.submit-btn-cart{background:var(--primary-400);color:var(--neutral-9);transform:scale(1);box-shadow:0 10px 15px -3px #0000001a}.submit-btn-cart:hover{transform:scale(1.05)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-content{justify-content:center;align-items:center;gap:8px;display:flex}.btn-content button{width:100%}.loading-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.benefits-card{background-color:var(--primary-50);border:1px solid var(--primary-200);border-radius:8px;margin-top:16px;padding:12px}.benefits-title{color:var(--primary-700);margin-bottom:4px;font-size:14px;font-weight:500}.benefits-list{color:var(--primary-600);margin:0;padding-left:0;font-size:12px;list-style:none}.benefits-list li{margin-bottom:4px}.oauth-divider-container{justify-content:center;align-items:center;gap:8px;margin:16px 0;display:flex}.oauth-divider-line{background-color:var(--neutral-4);flex:1;height:1px}.oauth-divider-text{text-transform:uppercase;background-color:var(--white);color:var(--neutral-6);justify-content:center;padding:0 8px;font-size:12px;display:flex;position:relative}.oauth-buttons{grid-template-columns:1fr;gap:16px;display:grid}.oauth-btn{border:1px solid var(--neutral-4);background-color:var(--white);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;transition:all .2s;display:flex}.oauth-btn:hover{background-color:var(--neutral-2);border-color:var(--neutral-5)}.oauth-btn:focus{border-color:var(--primary-400);outline:none;box-shadow:0 0 0 3px #4ae6d61a}.oauth-btn:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-btn-icon{width:16px;height:16px;margin-right:8px}.footer-nav{text-align:center;margin-top:24px}.footer-nav-text{color:var(--neutral-6);font-size:14px}.footer-nav-btn{color:var(--neutral-9);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s}.footer-nav-btn:hover{color:var(--neutral-7);text-decoration:none}.guest-section{margin-top:16px;padding-top:16px}.guest-btn{color:var(--neutral-7);cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline;transition:color .2s}.guest-btn:hover{color:var(--neutral-9)}.guest-btn:focus{color:var(--primary-400);border-radius:4px;outline:none;box-shadow:0 0 0 2px #4ae6d64d}.guest-btn:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}
.welcome-container{background-color:var(--dark-b);border-radius:1.5rem;flex-direction:column;justify-content:space-between;align-items:flex-start;width:50%;margin:.75rem;padding:2rem;display:none;position:relative}@media (min-width:768px){.welcome-container{display:flex}}.welcome-logo{z-index:10}.welcome-content{z-index:10;color:#fff;width:100%;position:relative}.welcome-text-container{margin:0 1.5rem 1rem;inset:0}.welcome-title{color:#fff;font-size:2.25rem;font-family:var(--font-britti);margin-bottom:1rem}.welcome-description{color:#fff;margin-bottom:2rem;font-size:1.125rem}.welcome-features{color:#fff;flex-direction:column;gap:1rem;display:flex}.welcome-feature-item{background-color:#14b8a680;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.welcome-feature-icon{width:1.5rem;height:1.5rem;position:relative}.welcome-feature-text{color:#fff;font-weight:600}.welcome-background{border-radius:1.5rem;position:absolute;inset:0}.welcome-background-lines{width:100%;height:100%;position:absolute}.welcome-background-shine{border-radius:1.5rem;width:100%;height:100%;position:absolute}