.logincomp-container{display:flex;justify-content:center;align-items:center;padding:20px;height:100vh;box-sizing:border-box}.logincomp-close-btn{position:absolute;top:10px;left:10px;font-size:20px;color:#b42424;cursor:pointer;background-color:transparent;border:none;outline:none;font-weight:700;transition:color .3s ease}.logincomp-close-btn:hover{color:#8c1c1c}.logincomp-forgot-form,.logincomp-form{max-width:400px;width:100%;padding:20px;display:flex;flex-direction:column}.logincomp-forgot-form h1,.logincomp-form h1{font-size:24px;font-weight:600;color:#333;margin-bottom:10px;text-align:center;border-bottom:1px solid #4e0101}.logincomp-error-message{background-color:#fee;border:1px solid #b42424;color:#b42424;padding:10px 15px;margin:10px 0;border-radius:5px;font-size:14px;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logincomp-forgot-form p,.logincomp-form p{font-size:14px;color:#666;margin-bottom:20px;text-align:center}.logincomp-input-group.coolinput{display:flex;flex-direction:column;width:100%;max-width:240px;position:relative}.logincomp-input-group.coolinput label.text{font-size:.75rem;color:#b42424;font-weight:700;position:relative;top:.5rem;margin:0 0 0 7px;padding:0 3px;background:#fff4e9;width:-moz-fit-content;width:fit-content}.logincomp-input-group.coolinput input.input{padding:11px 10px;font-size:.75rem;border:2px solid #b42424;border-radius:5px;background:#fff4e9;color:#000;height:10%}.logincomp-input-group.coolinput input.input:focus{outline:none;border-color:#b42424}.logincomp-input-group.coolinput input.input::placeholder{color:#545454;opacity:.7;font-size:.75rem}.logincomp-button{background-color:#b42424;width:100%;border:1px dashed #ccc;color:#fff9f9;padding:12px;border-radius:8px;cursor:pointer;font-weight:500;text-align:center;font-family:Combo,system-ui,sans-serif;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:5%}.logincomp-button:hover{background-color:#fff9f9;color:#a01c1c;border-color:#a01c1c}.logincomp-button:active{background-color:#fee;transform:translateY(1px)}.logincomp-back-login{text-align:center;margin-top:15px;cursor:pointer;color:#b42424;text-decoration:none}.logincomp-back-login:hover{text-decoration:underline}.logincomp-forgot-password-link span{color:#b42424;cursor:pointer;text-decoration:none;font-size:14px}.logincomp-forgot-password-link span:hover{text-decoration:underline}.logincomp-confirmation{color:#333;font-size:14px;margin-top:15px;text-align:center}@media (max-width:768px){.logincomp-close-btn{top:15px;left:15px;font-size:18px}.logincomp-forgot-form,.logincomp-form{max-width:100%;padding:15px;border-radius:5px}.logincomp-forgot-form h1,.logincomp-form h1{font-size:20px}.logincomp-forgot-form p,.logincomp-form p{font-size:12px}.logincomp-input-group.coolinput{max-width:100%}.logincomp-button,.logincomp-input-group.coolinput input.input{font-size:14px;padding:10px}}@media (min-width:768px){.logincomp-close-btn{display:none}}.container-signupForm{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;position:relative}.close-btn-signupForm{position:absolute;top:10px;left:10px;font-size:20px;color:#b42424;cursor:pointer;background-color:transparent;border:none;outline:none;font-weight:700;transition:color .3s ease}.close-btn-signupForm:hover{color:#8c1c1c}@media (min-width:768px){.close-btn-signupForm{display:none}}.form-signupForm{display:flex;flex-direction:column;align-items:center;max-width:500px;width:100%;padding:30px;border-radius:12px;transition:all .3s ease}.form-signupForm.step-1,.form-signupForm.step-2{max-height:600px}.form-signupForm.step-3{max-height:650px}.form-signupForm h1{font-size:24px;font-weight:600;color:#333;margin-bottom:10px;text-align:center;border-bottom:1px solid #4e0101;width:100%}.form-signupForm p{font-size:14px;color:#666;margin-bottom:20px;text-align:center}.progress-indicator{gap:20px;margin-bottom:25px;width:100%}.progress-indicator,.progress-indicator .step{display:flex;justify-content:center;align-items:center}.progress-indicator .step{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#666;font-weight:600;transition:all .3s ease}.progress-indicator .step.active{background:#b42424;color:#fff;transform:scale(1.1)}.input-group-signupForm{display:flex;flex-direction:column;gap:16px;width:100%;align-items:center}.name-container-signupForm{display:flex;gap:12px;width:100%}.name-container-signupForm .coolinput-signupForm{flex:1 1}.location-container-signupForm{display:flex;gap:12px;width:100%}.location-container-signupForm .coolinput-signupForm{flex:1 1}.coolinput-signupForm{display:flex;flex-direction:column;width:100%;max-width:100%;position:relative}.coolinput-signupForm label.text-signupForm{font-size:.75rem;color:#b42424;font-weight:700;position:relative;top:.5rem;margin:0 0 0 7px;padding:0 3px;background:#fff4e9;width:-moz-fit-content;width:fit-content}.coolinput-signupForm input.input-signupForm{padding:11px 10px;font-size:.75rem;border:2px solid #b42424;border-radius:5px;background:transparent;width:100%;box-sizing:border-box;color:#000}.coolinput-signupForm input.input-signupForm:focus{outline:none;border-color:#b42424}.coolinput-signupForm input.input-signupForm::placeholder{color:#4e4e4e;opacity:.7;font-size:.75rem}.error-message-signupForm{color:red;font-size:14px;text-align:center}.error-message-signupForm.field-error{text-align:left;margin:4px 0 0 2px;font-size:13px}.global-error-signupForm{background:#fff0f0;border:1px solid #f5c6cb;color:#c0392b;border-radius:6px;padding:10px 14px;font-size:14px;width:100%;max-width:500px;margin-bottom:12px;text-align:center}.link-to-login-signupForm{color:#b42424;font-weight:600;cursor:pointer;text-decoration:underline}.error-icon-signupForm{margin-right:5px}.button-group-signupForm{display:flex;gap:10px;width:100%;max-width:500px;margin-top:20px}.button-signupForm{background-color:#a01c1c;flex:1 1;border:1px dashed #ccc;color:#fff9f9;padding:12px;border-radius:8px;cursor:pointer;font-weight:500;text-align:center;transition:all .2s ease;font-family:Combo,system-ui,sans-serif;font-size:14px;display:flex;align-items:center;justify-content:center}.button-signupForm.button-secondary{background-color:#666;border-color:#666}.button-signupForm.button-secondary:hover{background-color:#555;color:#fff;border-color:#555}.button-signupForm:hover{background-color:#fff9f9;color:#a01c1c;border-color:#a01c1c}.button-signupForm:active{background-color:#fee;transform:translateY(1px)}.modal-signupForm{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-signupForm{background:#fff;padding:20px;border-radius:8px;text-align:center;max-width:400px;width:90%;box-shadow:0 2px 10px rgba(0,0,0,.2)}.modal-content-signupForm h2{font-size:22px;margin-bottom:10px;color:#000}.modal-content-signupForm p{font-size:16px;margin-bottom:20px;color:#000}.modal-content-signupForm button{padding:10px 20px;background:#b42424;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.modal-content-signupForm button:hover{background:#a11f1f}@media (max-width:768px){.form-signupForm{padding:15px;max-width:100%;border-radius:5px}.form-signupForm h1{font-size:20px}.form-signupForm p{font-size:12px}.input-group-signupForm{gap:10px}.button-signupForm,.coolinput-signupForm input.input-signupForm,.input-group-signupForm input{padding:10px;font-size:14px}.location-container-signupForm,.name-container-signupForm{flex-direction:column;gap:8px}.modal-content-signupForm{padding:15px;border-radius:5px}.modal-content-signupForm h2{font-size:18px}.modal-content-signupForm p{font-size:14px}.modal-content-signupForm button{padding:8px 15px;font-size:14px}}.auth-menu-container{position:fixed;top:0;right:0;height:100vh;z-index:9999}.profile-circle-home{position:fixed;top:3.5%;right:0;width:55px;height:49px;background-color:rgba(255,244,233,.97);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50% 0 0 50%;transition:transform .3s ease,right .3s ease;z-index:10002}.profile-circle-home:hover{transform:scale(1.05)}.profile-circle-home svg{stroke:#4f0101}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.2);z-index:10000;opacity:0;transition:opacity .3s ease;pointer-events:none}.auth-overlay.show{opacity:1;pointer-events:auto}.auth-menu-side{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff4e9;padding:20px;transform:translateX(100%);opacity:0;transition:transform .3s ease,opacity .3s ease;position:fixed;right:0;top:0;height:100vh;width:275px;max-width:30%;z-index:10001}.auth-menu-side.show{transform:translateX(0);opacity:1}.auth-link-styled{position:relative;width:100%;height:50px;background-color:#000;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;padding:12px;gap:12px;overflow:hidden;margin:20px 0;color:#fff;font-weight:700;transition:transform .2s ease}.auth-link-styled:before{content:"";position:absolute;inset:0;left:-4px;top:-1px;margin:auto;width:100%;height:58px;border-radius:10px;background:linear-gradient(-45deg,#b42424,#c1ba70);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.auth-link-styled:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#c1ba70,#b42424);transform:translateZ(0) scale(.95);filter:blur(20px);transition:all .6s ease}.auth-link-styled:hover:after{filter:blur(30px)}.auth-link-styled:hover:before{transform:rotate(-180deg)}.auth-link-styled:active:before{scale:.7}.auth-link-styled:hover{transform:scale(1.05)}.login-sidebar,.signup-sidebar{position:fixed;top:0;right:-350px;width:330px;height:100vh;background-color:#fff4e9;border-left:1px solid #ccc;box-shadow:-4px 0 8px rgba(0,0,0,.1);z-index:40000;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;transition:right .3s ease}.login-sidebar.visible,.signup-sidebar.visible{right:0}.button-close{position:absolute;top:10px;right:10px;font-size:24px;background:none;border:none;color:#b42424;cursor:pointer}@media (max-width:1000px){.auth-menu-container *{display:none}}.user-menu-container{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:10001;background:linear-gradient(180deg,rgba(255,244,233,.97),rgba(255,248,240,.99));box-shadow:-6px 0 16px rgba(0,0,0,.1)}.user-dropdown{display:flex;flex-direction:column;height:100%;padding:35px 20px;gap:24px}.user-header{text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(33,20,14,.1)}.user-name{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.greeting,.user-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.greeting{font-size:18px;font-weight:700;color:#21140e;letter-spacing:-.3px}.user-items{display:flex;flex-direction:column;gap:10px}.user-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;background-color:rgba(33,20,14,.04);transition:all .25s ease;cursor:pointer;text-decoration:none;color:inherit}.user-item:hover{background-color:rgba(33,20,14,.08);transform:translateX(3px)}.user-item a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background-color:#f5f5f5;flex-shrink:0;transition:all .25s ease;text-decoration:none;border:none;cursor:pointer}.user-item a svg{width:18px;height:18px}.user-item-content{flex:1 1;min-width:0}.user-item-label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.user-item-label,.user-item-value{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-item-value{font-size:13px;font-weight:500;color:#21140e}.user-mid-image-container{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0;border-top:1px solid rgba(33,20,14,.1);border-bottom:1px solid rgba(33,20,14,.1);cursor:pointer;transition:all .25s ease}.user-mid-image{width:100%;max-width:180px;height:auto;border-radius:6px;transition:all .25s ease;filter:brightness(.98);object-fit:contain}.user-mid-image-container:hover .user-mid-image{filter:brightness(1.02)}.user-platform-link{font-size:11px;font-weight:600;color:#21140e;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:color .25s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-mid-image-container:hover .user-platform-link{color:#a01c1c}.user-menu-btn.logout{padding:12px 0;background-color:#21140e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .25s ease;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-menu-btn.logout:hover{background-color:#a01c1c;transform:translateY(-2px)}.user-menu-btn.logout:active{transform:translateY(0)}