*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main,"Montserrat", sans-serif);background-color:var(--surface-body);min-height:100dvh;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.container{background-color:var(--surface-default);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg);width:95%;max-width:1200px;display:flex;overflow:hidden}.form-panel{flex-direction:column;flex:1;padding:60px 80px;display:flex}.form-panel h1{font-size:var(--font-size-h1,32px);font-weight:var(--font-weight-bold,700);color:var(--text-primary);margin-bottom:40px}form{flex-direction:column;gap:20px;width:100%;display:flex}.input-group-row{gap:20px;display:flex}.input-wrapper{width:100%;position:relative}.input-cell{flex:1 1 0;min-width:0}.input-wrapper i{font-size:var(--font-size-body,16px);color:var(--color-text-muted);z-index:10;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper i:first-of-type{left:20px}.input-wrapper .password-toggle{cursor:pointer;right:20px}.input-wrapper label{color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-normal,.2s ease-out), background-color var(--transition-normal,.2s ease-out), border-color var(--transition-normal,.2s ease-out), box-shadow var(--transition-normal,.2s ease-out), opacity var(--transition-normal,.2s ease-out), transform var(--transition-normal,.2s ease-out);background-color:var(--surface-default);padding:0 5px;font-size:.875rem;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.input-wrapper label.no-icon-label{left:50px}.bottom-buttons-container{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:20px;display:flex}input:focus+label,input:not(:placeholder-shown)+label{color:var(--text-brand);font-size:.875rem;top:0}input[type=text],input[type=email],input[type=tel],input[type=password]{width:100%;height:var(--input-height,50px);border:2px solid var(--color-border-focus);border-radius:var(--radius-md,8px);font-family:var(--font-main,"Montserrat", sans-serif);font-size:var(--font-size-body,16px);color:var(--text-primary);transition:border-color var(--transition-normal,.3s), box-shadow var(--transition-normal,.3s);background-color:#0000;outline:none;padding:15px 20px 15px 50px}input::placeholder{color:#0000}input.no-icon{padding-left:50px}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-halo)}.btn{border-radius:var(--radius-md,8px);font-family:var(--font-main,"Montserrat", sans-serif);font-size:var(--font-size-body,16px);font-weight:var(--font-weight-semibold,600);cursor:pointer;transition:color var(--transition-normal,.3s ease), background-color var(--transition-normal,.3s ease), border-color var(--transition-normal,.3s ease), box-shadow var(--transition-normal,.3s ease), opacity var(--transition-normal,.3s ease), transform var(--transition-normal,.3s ease), border-radius var(--transition-normal,.3s ease);min-height:var(--button-height,48px);box-shadow:var(--shadow-sm);border:none;padding:15px 20px;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--interactive-primary-text)}@media (hover:hover){.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg)}}.btn-secondary{color:var(--text-brand);border:1px solid var(--color-primary);background-color:#0000}@media (hover:hover){.btn-secondary:hover{background-color:var(--surface-selected);border-color:var(--color-primary)}}.image-panel{background-color:var(--surface-selected);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.image-panel img{max-width:140%;height:auto}@media (max-width:62rem){.container{flex-direction:column;width:90%;max-width:500px}.image-panel{display:none}.form-panel{padding:40px}}@media (max-width:36rem){.input-group-row{flex-direction:column}.form-panel{padding:30px 25px}.form-panel h1{font-size:var(--font-size-h2,24px);text-align:center;margin-bottom:30px}}input.error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px var(--status-error-bg)!important}.error-message{width:100%;color:var(--color-error);background-color:var(--status-error-bg);border-radius:var(--radius-md,8px);font-size:var(--font-size-small,14px);text-align:center;font-weight:var(--font-weight-semibold,600);margin-top:10px;margin-bottom:10px;padding:10px}@media (pointer:coarse){.btn-primary:active{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-secondary:active{background-color:var(--surface-selected)}}@media not (min-width:80rem),(pointer:coarse){.input-wrapper>i{display:none}.input-wrapper>i+input,.input-wrapper>input.no-icon{padding-left:1rem}.input-wrapper>i+input+label,.input-wrapper>input.no-icon+label.no-icon-label{left:.6875rem}}
