html,body{overflow-x:hidden;overflow-y:hidden;margin:0;padding:0}:root{--color-primary: #241023;--color-secondary: #6b0504;--color-light: #efdcd1;--color-neutral: #686963;--color-accent: #81717a;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%)}.auth-main{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);padding:0;flex-direction:column}.auth-header-logo{text-align:center;margin-bottom:15px;position:relative;transition:all .6s ease;flex-direction:column!important}.auth-header-logo .auth-logo{width:190px;height:auto}.auth-header-logo .auth-logo-text{font-size:23px;font-weight:600;color:var(--color-light);text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.3}.auth-container{width:60vw;height:70vh;background:var(--color-primary);color:var(--color-light);display:flex;justify-content:space-between;position:relative;border-radius:30px}.auth-toggle-container{width:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-size:20px;font-weight:600;padding:20px 15px;box-sizing:border-box}.auth-title-container{color:var(--color-light);margin-bottom:20px;font-weight:200}.auth-info{display:flex;align-items:center;justify-content:center;flex-direction:column}.toggle-button{background:transparent;border:2px solid var(--color-light);color:var(--color-light);padding:12px 25px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;display:flex;justify-content:center;align-items:center}.toggle-button:hover{background:var(--color-light);color:var(--color-primary)}.auth-slider{width:30vw;height:80vh;background:var(--color-light);z-index:1000;position:absolute;left:20vw;transition:all .5s ease-in-out;box-shadow:0 3px 14px 4px #00000045;overflow-x:hidden;display:flex;justify-content:center;border-radius:30px}.auth-slider.signup-active{transform:translate(30vw)}.auth-form-container{position:absolute;width:100%;height:100%;transition:all .5s ease-in-out;transition-delay:.3s;color:var(--color-primary);display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.auth-form-container.signin{left:0}.auth-form-container.signup{left:100%}.auth-form-container.active,.auth-slider.signup-active .auth-form-container{transform:translate(-100%)}.auth-form-container::-webkit-scrollbar{width:6px}.auth-form-container::-webkit-scrollbar-track{background:#81717a1a;border-radius:10px}.auth-form-container::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:10px}.auth-form-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.auth-form-title{text-align:center;margin-bottom:20px;color:var(--color-primary);font-size:24px;font-weight:700;flex-shrink:0}.auth-form-container form{margin-top:20px;height:85%!important;width:100%;display:flex;flex-direction:column;justify-content:space-evenly;gap:15px;flex-grow:1;padding:0 30px;box-sizing:border-box}.auth-form-container input,.auth-form-container select{padding:15px 20px;border:2px solid var(--color-accent);border-radius:10px;font-size:16px;transition:all .3s ease;background:#fff;color:var(--color-neutral);width:100%;box-sizing:border-box}.auth-form-container input:focus,.auth-form-container select:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #2410231a}.auth-form-container input:hover,.auth-form-container select:hover{border-color:var(--color-primary)}.auth-form-container select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23686963' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px;cursor:pointer}.auth-form-container select option{padding:10px;background:#fff;color:var(--color-neutral)}.input-wrapper{width:100%;display:flex;flex-direction:column;gap:4px}.auth-form-container input.error,.auth-form-container select.error{border-color:#d32f2f;background-color:#fff5f5}.auth-form-container input.error:focus,.auth-form-container select.error:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a}.error-message{color:#d32f2f;font-size:12px;margin-left:14px;font-family:var(--font-family)}.file-input-wrapper{width:100%;box-sizing:border-box}.file-input-label{display:flex;align-items:center;justify-content:space-around;gap:0;padding:0;border:2px solid var(--color-accent);border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;width:100%;box-sizing:border-box;overflow:hidden}.file-input-label:hover{border-color:var(--color-primary)}.file-input-button{background:var(--color-accent);color:#fff;padding:7px 10px;font-size:13px;font-weight:500;border-right:2px solid var(--color-accent);white-space:nowrap;transition:all .3s ease;flex-shrink:0;border-radius:30px;margin-right:20px}.file-input-label:hover .file-input-button{background:var(--color-primary)}.file-input-text{padding:15px 20px;color:var(--color-neutral);font-size:16px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-submit-btn{background:var(--gradient-primary);border:none;color:var(--color-light);padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:10px 0;flex-shrink:0;height:45px;align-self:center}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #24102366}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-form-actions{display:flex;flex-direction:column;gap:15px;align-items:center}.forgot-password-link{color:var(--color-accent);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;cursor:pointer}.forgot-password-link:hover{color:var(--color-primary);text-decoration:underline}.error-message{background:#6b05041a;color:var(--color-light);padding:15px 20px;margin:20px 0 0;border-radius:8px;border:1px solid var(--color-secondary);text-align:center;font-size:14px;position:absolute;bottom:3vh;left:50%;transform:translate(-50%);z-index:2000;width:300px}@media (min-height: 800px) and (min-width: 800px){.auth-main{justify-content:center;padding-top:20px}.auth-container{height:545px!important}.auth-slider{height:80vh!important;max-height:600px}.auth-form-container{height:100%!important;max-height:550px;overflow-y:auto}.auth-form-container form{justify-content:center;gap:15px;height:auto!important;max-height:640px;margin-top:20px}.auth-toggle-container{padding:40px 15px}.auth-title-container{margin-bottom:30px}}@media (max-width: 950px){.auth-header-logo .auth-logo{width:190px}.auth-header-logo .auth-logo-text{font-size:16px}.auth-title-container{font-size:20px}}@media (max-width: 800px){.auth-main{padding-top:3%;justify-content:unset}.auth-header-logo .auth-logo-text{font-size:20px}.auth-container{height:90%;flex-direction:column;width:58vw}.auth-container:first-child{margin-top:10px}.auth-toggle-container{width:100%;display:flex;flex-direction:row;justify-content:space-around}.auth-form-container{justify-content:center;padding:0}.auth-form-container.signin{height:100%;overflow:hidden}.auth-form-container.signup{height:auto}.auth-slider.signin-active{overflow-y:hidden}.auth-form-container input{padding:8px}.auth-form-container form{margin-top:auto;height:auto;padding:0 8%;align-items:center;justify-content:center}.auth-form-actions{flex-direction:row;justify-content:center}.loginBtn{width:40%}.auth-slider{width:64vw;left:18vw;height:48vh}.auth-slider.signup-active{transform:translateY(93%)}}@media (max-width: 600px){.auth-header-logo .auth-logo{width:135px}.auth-header-logo .auth-logo-text{font-size:12px}.auth-toggle-container{font-size:14px}.auth-form-title{font-size:20px}.auth-form-container input,.auth-form-container select,.auth-submit-btn,.toggle-button{font-size:12px}.auth-submit-btn,.toggle-button{align-self:center}.auth-slider{width:80vw;left:10vw}.auth-info{margin-left:30px}.auth-container{width:73vw}.auth-form-actions{flex-direction:row;gap:0px}.auth-toggle-container{justify-content:center}.auth-title-container{font-size:15px}}@media (max-width: 400px){.toggle-button{margin-top:0}.auth-toggle-container{flex-direction:column;align-items:center;justify-content:center;align-self:center}.auth-info{margin-left:0}}:root{--color-primary: #241023;--color-secondary: #6b0504;--color-light: #efdcd1;--color-neutral: #686963;--color-accent: #81717a;--color-cream: #fff7ee;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-neutral);background-color:var(--color-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;overflow:hidden}a{font-weight:500;color:var(--color-primary);text-decoration:inherit;transition:color .3s ease}a:hover{color:var(--color-secondary)}body{margin:0;padding:0;width:100%;height:100vh;background:var(--color-light);color:var(--color-neutral);overflow:hidden}h1{font-size:3.2em;line-height:1.1;color:var(--color-primary)}button{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:var(--gradient-primary);color:var(--color-light);cursor:pointer;transition:all .3s ease}button:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 15px #2410234d}button:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}ul{margin:0}input,textarea{border:2px solid var(--color-accent);border-radius:8px;padding:10px 15px;font-size:1em;font-family:inherit;background:#fff;color:var(--color-neutral);transition:all .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2410231a}h2,h3,h4,h5,h6{color:var(--color-primary)}#root{background:var(--color-light)}@media (max-width: 768px){button{padding:.8em 1.5em;font-size:.95em}}