.auth-page{min-height:60vh;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;padding:136px 2.4rem 4.8rem}@media (max-width: 780px){.auth-page{padding-top:200px}}.auth-page .auth-container{margin:0 auto;width:100%;max-width:44.8rem}.auth-page .auth-logo{display:flex;justify-content:center;margin-bottom:2rem}.auth-page .auth-logo img{height:4.8rem;width:auto}.auth-page .auth-title{margin-top:2.4rem;text-align:center;font-size:3rem;font-weight:800;color:#111827}.auth-page .auth-subtitle{margin-top:.8rem;text-align:center;font-size:1.4rem;color:#6b7280}.auth-page .auth-subtitle a{font-weight:500;color:#008e37;text-decoration:none}.auth-page .auth-subtitle a:hover{color:#005b23}.auth-page .auth-form-container{margin-top:3.2rem;background-color:#fff;padding:3.2rem;box-shadow:0 1px 3px #0000001a;border-radius:.8rem}.auth-page .auth-form{display:flex;flex-direction:column;gap:2.4rem}.auth-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}@media (max-width: 780px){.auth-page .form-row{grid-template-columns:1fr}}.auth-page .form-group{display:flex;flex-direction:column}.auth-page .form-label{display:block;font-size:1.4rem;font-weight:500;color:#374151;margin-bottom:.4rem;font-family:nobel,sans-serif}.auth-page .form-input-container{position:relative}.auth-page .form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:.8rem 1.2rem;border:1px solid #d1d5db;border-radius:.6rem;font-size:1.4rem;background-color:#fff;font-family:nobel,sans-serif;transition:border-color .2s,box-shadow .2s}.auth-page .form-input:focus{outline:none;border-color:#008e37;box-shadow:0 0 0 3px #008e371a}.auth-page .form-input::-moz-placeholder{font-family:nobel,sans-serif;color:#9ca3af}.auth-page .form-input::placeholder{font-family:nobel,sans-serif;color:#9ca3af}.auth-page .form-input.form-input-with-button{padding-right:4rem}.auth-page .password-toggle{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;padding-right:1.2rem;background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.4rem;transition:color .2s}.auth-page .password-toggle:hover{color:#6b7280}.auth-page .password-hint{margin-top:.4rem;font-size:1.2rem;color:#6b7280;font-family:nobel,sans-serif}.auth-page .message{border-radius:.6rem;padding:1.6rem;display:flex;align-items:center;gap:1.2rem}.auth-page .message.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0}.auth-page .message.success-message .icon{color:#4ade80}.auth-page .message.success-message .text{font-size:1.4rem;color:#166534;font-family:nobel,sans-serif}.auth-page .message.error-message{background-color:#fef2f2;border:1px solid #fecaca}.auth-page .message.error-message .icon{color:#f87171}.auth-page .message.error-message .text{font-size:1.4rem;color:#991b1b;font-family:nobel,sans-serif}.auth-page .message.info-message{background-color:#eff6ff;border:1px solid #bfdbfe;margin-bottom:2rem}.auth-page .message.info-message .icon{color:#3b82f6}.auth-page .message.info-message .text{font-size:1.4rem;color:#1e40af;font-family:nobel,sans-serif;line-height:1.5}.auth-page .submit-button{width:100%;background-color:#008e37;color:#fff;padding:13px 24px 12px;border-radius:24px;font-size:1.2rem;line-height:1;min-width:110px;position:relative;overflow:hidden;transition:all .5s ease-in-out;text-align:center;display:inline-block;border:0 none;outline:none;font-family:nobel,sans-serif;cursor:pointer}.auth-page .submit-button:hover:not(:disabled){background-color:#161f28;color:#fff}.auth-page .submit-button:hover:not(:disabled):before{left:120%;opacity:.5;background-color:#fff}.auth-page .submit-button:before{content:"";display:block;width:24px;height:100%;position:absolute;z-index:0;top:0;left:-20%;opacity:0;transform:skew(-15deg);transition:all .6s ease-in-out;background-color:#008e37}.auth-page .submit-button:disabled{opacity:.5;cursor:not-allowed}.auth-page .submit-button .text{font-weight:800;text-transform:uppercase;position:relative;z-index:1}.auth-page .submit-button .spinner{margin-right:.8rem;animation:spin 1s linear infinite;position:relative;z-index:1}.auth-page .forgot-password{margin-top:2.4rem;text-align:center}.auth-page .forgot-password a{font-size:1.4rem;color:#008e37;text-decoration:none;font-family:nobel,sans-serif}.auth-page .forgot-password a:hover{color:#005b23}@keyframes spin{to{transform:rotate(360deg)}}