.auth-container{grid-template-columns:1fr 1fr;place-items:center;min-height:100vh;display:grid}.image-section,.form-section{width:100%;height:100%}.image-section{background:#fff url(/image-intro.png) 50%/contain no-repeat;flex:none;order:0;width:50vw;max-width:700px;height:100vh}.image-section,.image-section-hire{background:#fff url(/image-intro.png) 50%/contain no-repeat;flex:1;height:100vh}.image-section-hire{background:#fff url(/hero-hire.png) 50%/contain no-repeat;flex:none;order:0;height:90vh;top:3vh;left:0}.form-section{min-height:100vh;padding:var(--spacing-xl);z-index:2;background:#fff;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;max-height:100vh;display:flex;overflow-y:auto}.form-section.forgot-password-section{justify-content:center;display:flex}.form-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:448px;display:flex}.logo-header{justify-content:center;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md);flex-direction:row;display:flex}.younivibe-title{font-family:var(--font-secondary);background:linear-gradient(89.97deg,var(--color-blue)52.75%,var(--color-accent)79.38%,var(--color-secondary)106%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;align-items:center;font-size:38px;font-style:normal;font-weight:600;line-height:32px;display:flex}.welcome-section{margin-bottom:var(--spacing-xs);flex-direction:column;align-items:center;display:flex}.welcome-title{font-family:var(--font-secondary);color:var(--color-gray-dark);margin:var(--spacing-lg);font-size:20px;font-style:normal;font-weight:900;line-height:24px}.welcome-title.welcome-title-register-company{margin:var(--spacing-md)0;text-align:center;padding:0;font-size:20px}.welcome-subtitle{font-family:var(--font-primary);color:var(--color-gray-dark);text-align:center;margin:var(--spacing-md);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.input-group{width:100%}.register-form-input-group{margin:var(--spacing-md)}.input-container{padding:var(--spacing-sm)var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-xl);background-color:#eee;flex-direction:row;width:448px;height:56px;margin-top:8px;display:flex}.input-icon{width:21.56px;height:16.85px;color:var(--color-gray-light);flex:none;order:0;display:block}.login-form .form-input{width:100%;height:24px;font-family:var(--font-primary);color:#000;background:0 0;border:none;outline:none;align-items:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px;display:flex}.login-form .form-input::placeholder{color:var(--color-gray-light)}.login-form.register{gap:var(--spacing-sm);flex-direction:column;display:flex}.forgot-password{width:100%;height:40px;font-family:var(--font-primary);text-align:right;color:var(--color-gray-light);justify-content:flex-end;align-items:center;font-size:16px;font-style:normal;font-weight:400;line-height:40px;text-decoration-line:underline;display:flex}.login-button{cursor:pointer;background:#00df7a;border:none;border-radius:100px;justify-content:center;align-self:center;align-items:center;width:216px;height:62px;margin:0 auto;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.button-text{font-family:var(--font-primary);text-align:center;color:#fff;text-transform:none;letter-spacing:.3px;text-shadow:0 1px 2px #0000001a;align-items:center;font-size:20px;font-style:normal;font-weight:700;line-height:30px;display:flex}.login-button .button-text{text-transform:none;letter-spacing:.5px;font-size:20px;font-weight:700}.separator{margin:var(--spacing-lg)0;justify-content:center;align-items:center;display:flex}.separator-text{font-family:var(--font-secondary);color:var(--color-gray-dark);align-items:center;font-size:20px;font-style:normal;font-weight:900;line-height:24px;display:flex}.sso-buttons{flex-direction:row;justify-content:center;align-items:center;gap:23px;width:100%;max-width:448px;height:auto;margin:0 auto;padding:0;display:flex}.sso-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.signup-link{width:100%;height:40px;font-family:var(--font-primary);color:var(--color-black);margin-top:var(--spacing-xl);text-align:center;justify-content:center;align-items:center;font-size:20px;font-style:normal;font-weight:400;line-height:40px;display:flex}.signup-text{color:var(--color-black);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;margin-left:5px;text-decoration:underline}.main-title{text-align:center;margin-bottom:30px}.forgot-password-form{flex-direction:column;width:100%;max-width:448px;display:flex}.forgot-password-form .form-input{outline:none;color:#000!important}.forgot-password-form .input-group{margin-bottom:var(--spacing-lg)}.forgot-password-form .login-button{margin-bottom:var(--spacing-md)}.forgot-password-form .signup-link{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;margin-top:40px;display:flex}.register-form-section{background:0 0;border:none;margin-bottom:30px;padding:0}.register-form{gap:var(--spacing-lg);z-index:1;flex-direction:column;width:100%;max-width:448px;min-height:auto;max-height:none;margin:0 auto;display:flex;position:relative;overflow:visible}.register-form .register-form-section{width:100%;max-width:448px;max-height:none;margin-bottom:25px;margin-left:auto;margin-right:auto;padding-bottom:15px;overflow:visible}.register-form .register-form-section:last-of-type{margin-bottom:var(--spacing-lg)}.section-title{font-family:var(--font-secondary);color:var(--color-gray-dark);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);font-size:16px;font-style:normal;font-weight:400;line-height:22px}.register-title{width:418px;height:24px;font-family:var(--font-secondary);color:var(--color-gray-dark);align-items:center;margin:0;font-size:20px;font-style:normal;font-weight:900;line-height:24px;display:flex}.register-form{flex-direction:column;gap:0;width:100%;display:flex}.login-form .input-label,.login-form .form-label,.login-form label{display:none}.terms-label{display:block!important}.login-form .input-label,.form-label{margin-bottom:4px;font-size:16px;font-weight:600;color:#000!important;display:block!important}.terms-checkbox{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);flex-direction:row;width:448px;height:auto;margin:8px 0;padding:0;display:flex}.terms-checkbox input[type=checkbox]{cursor:pointer;width:17.98px;height:18px;margin:0}.terms-label{width:420.02px;height:auto;font-family:var(--font-primary);color:#000;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.4;display:block}.terms-label a{color:#2563eb;text-decoration:underline;display:inline}.register-button{background:var(--color-secondary);border-radius:var(--radius-full);width:216px;height:62px;filter:drop-shadow(var(--shadow-sm));cursor:pointer;margin:var(--spacing-lg)auto;border:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.login-link{width:378px;height:40px;font-family:var(--font-primary);color:var(--color-gray-dark);margin:var(--spacing-lg)auto;justify-content:center;align-items:center;font-size:20px;font-style:normal;font-weight:400;line-height:40px;display:flex}.login-text{color:var(--color-black);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;margin-left:5px;text-decoration:underline}.register-input-form{background-color:#0000;border:1px solid;border-radius:10px;width:408px;height:47px}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper .input-container{flex:1;width:100%}.password-toggle-button{cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute;top:55%;right:12px;transform:translateY(-50%)}.password-toggle-button:hover{opacity:.7}.password-toggle-button:focus{outline:2px solid var(--color-secondary);outline-offset:2px;border-radius:4px}.password-toggle-icon{flex-shrink:0;width:20px;height:20px}@media (min-width:1025px){.form-section{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-xl);min-height:auto}.register-form{gap:var(--spacing-lg);flex-direction:column;width:100%;min-height:auto;display:flex}.register-form .register-form-section{margin-bottom:var(--spacing-lg);background:0 0;border:none;order:1;height:auto;max-height:none;padding:0;overflow:visible}.register-form .input-group{width:100%;max-width:448px;height:auto;max-height:none;margin-bottom:15px;overflow:visible}.register-form .input-group:last-child{margin-bottom:0}.register-form .input-container{width:100%;max-width:448px;height:auto;max-height:none;overflow:visible}.register-form .terms-checkbox{margin-top:var(--spacing-lg);order:2;width:100%;max-width:448px;margin-left:auto;margin-right:auto}.register-form .register-button{margin-top:var(--spacing-sm);order:3;width:216px;margin-left:auto;margin-right:auto}.register-form .login-link{margin-top:var(--spacing-sm);order:4;width:100%;max-width:448px;margin-left:auto;margin-right:auto}.welcome-title-register{margin:var(--spacing-md)0;text-align:center;padding:0;font-size:20px}}@media (max-width:1024px){.auth-container{padding:var(--spacing-lg);flex-direction:column;min-height:100vh;display:flex}.image-section,.image-section-hire{display:none}.form-section{width:100%;padding:var(--spacing-lg);min-height:auto;padding-top:var(--spacing-xl);justify-content:flex-start;max-width:100%;max-height:none;margin-left:0;overflow-y:visible}.form-container,.input-container,.forgot-password{width:100%;max-width:100%}.login-button{width:216px;height:62px}.button-text{font-size:20px;font-weight:700;line-height:28px}.signup-link{text-align:center;width:100%}.terms-checkbox{width:100%;max-width:100%}.login-link{text-align:center;width:100%}}@media (max-width:768px){.auth-container{padding:var(--spacing-md)}.auth-layout{border:1px solid var(--color-gray-500);border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex}.auth-layout.register{border:1px solid var(--color-gray-500);border-radius:20px;flex-direction:column;align-items:center;gap:15px;padding:20px;display:flex}.auth-layout.hire{border:none;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.form-section{padding:var(--spacing-md);padding-top:32px}.register-form-section.company{border:1px solid var(--color-gray-500);padding:var(--spacing-md);border-radius:20px;margin-bottom:0}.input-container.register-input-form{background-color:#0000;border:1px solid;border-radius:10px;width:270px;height:47px}.logo-header{margin-bottom:var(--spacing-md);flex-direction:column;align-items:center;gap:.25rem}.welcome-section{margin-bottom:var(--spacing-sm)}.welcome-title{margin:var(--spacing-sm);font-size:18px;font-weight:900;line-height:20px}.welcome-title.welcome-title-register{margin:0;padding:0;font-size:14px;font-weight:900;line-height:20px}.welcome-title.welcome-title-register-company{margin-bottom:var(--spacing-lg);text-align:left;font-size:18px;font-weight:900;line-height:20px}.welcome-subtitle{display:none}.welcome-subtitle.welcome-subtitle-forgot-password{margin:var(--spacing-sm);text-align:center;font-size:14px;line-height:20px;display:block}.younivibe-title{font-size:20px;line-height:24px}.input-container{background-color:#eee;border-radius:20px;gap:10px;width:310px;height:41px;padding:10px 20px}.form-input{font-size:16px}.login-button .button-text,.button-text{font-size:14px;font-weight:400;line-height:24px}.separator-text{font-size:18px;line-height:22px}.signup-link{margin:var(--spacing-sm);font-size:14px;font-weight:400;line-height:24px}.register-title{width:100%;font-size:18px;line-height:22px}.login-link{width:100%;font-size:14px;line-height:24px}.terms-label{width:100%;font-size:14px;line-height:20px}.sso-buttons{flex-direction:column;justify-content:center;align-items:center;display:flex}.sso-button{border:1px solid var(--color-gray-500);cursor:pointer;border-radius:10px;align-items:center;gap:10px;width:235px;height:45px;padding:10px;font-size:14px;font-weight:400;display:flex}.social-icon{width:25px;height:25px}.separator{margin:var(--spacing-md)0}.login-button{width:120px;height:36px;margin:0;box-shadow:0 4px 4px #00000040}.login-form{gap:var(--spacing-md);width:100%}.login-form.register{gap:var(--spacing-lg);align-items:center;width:90%;display:flex}.input-group.register,.input-group-forgot-password{flex-direction:column;align-items:center;display:flex}.login-form .input-label,.form-label{margin-bottom:4px;font-size:14px;font-weight:600;color:#000!important;display:block!important}.register-button{width:120px;height:32px;margin:0;font-size:14px;font-weight:400;box-shadow:0 4px 4px #00000040}.login-link{margin:var(--shadow-sm)}.section-title{margin:0 0 var(--spacing-md)0;border-bottom:solid 1px var(--color-gray-300);font-size:14px}.form-container.form-container-forgot-password{border:1px solid var(--color-gray-500);border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex}}@media (min-width:768px){.younivibe-title.hire-mode{-webkit-text-fill-color:black;color:#000;background:0 0}}
