:root{--color-primary-blue: #0e3995;--color-primary-blue-dark: #0a2a7a;--color-primary-blue-darker: #07306d;--color-primary-blue-light: #1e3a8a;--color-primary-blue-lighter: #3b82f6;--color-background-white: #ffffff;--color-background-light: #f8fafc;--color-background-gray: #eff3f6;--color-background-gray-light: #eef2f7;--color-background-gray-lighter: #f1f5f9;--color-text-primary: #1e293b;--color-text-secondary: #282828;--color-text-tertiary: #64748b;--color-text-gray: #757575;--color-text-dark: #000000;--color-text-light: #333333;--color-border-light: #e2e8f0;--color-border-gray: #d1d5db;--color-border-medium: #aaaaaa;--color-border-dark: #dddddd;--color-shadow-light: rgba(166, 193, 238, .251);--color-shadow-medium: rgba(14, 57, 149, .2);--color-shadow-dark: rgba(30, 58, 138, .3);--color-shadow-black: rgba(0, 0, 0, .2);--color-shadow-black-light: rgba(0, 0, 0, .021);--color-button-primary: var(--color-primary-blue);--color-button-primary-hover: var(--color-primary-blue-lighter);--color-button-text: #ffffff;--color-link-primary: var(--color-primary-blue);--color-link-hover: var(--color-primary-blue-lighter);--color-icon-primary: var(--color-primary-blue);--color-icon-secondary: var(--color-text-tertiary)}html{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}body{min-height:100vh;overflow-x:hidden}.form-wrapper{min-height:100vh;display:flex;flex-direction:column}.form-wrapper-inner{display:grid;grid-template-columns:1fr 1fr;flex:1}.form-fill{margin:2rem 9rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#fff;overflow-y:auto;overflow-x:hidden;padding:1rem 0}.form-fill h2.acc-text{font-weight:600;margin-bottom:.8rem;font-size:2.4rem;color:var(--color-text-primary);width:100%;text-align:left}.form-fill h2.acc-text.login-title{font-size:3.6rem;margin-bottom:1.2rem}.form-fill>p{margin-bottom:2rem;font-weight:500;font-size:1.6rem;color:#757575;width:100%;text-align:left}.input-group{display:flex;flex-direction:column;gap:.8rem;width:100%}#login-form .input-group>label{display:none}input[type=text],input[type=email],input[type=tel],input[type=password],select{width:100%;padding:1rem;border:2px solid #ccc;border-radius:.6rem;font-size:1.4rem;font-family:Plus Jakarta Sans,sans-serif;transition:all .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,select:focus{outline:none;border-color:var(--color-primary-blue);box-shadow:0 0 0 .3rem #0e39951a}input[type=text].error,input[type=email].error,input[type=tel].error,input[type=password].error,select.error{border-color:#ef4444}.password-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-wrapper input{width:100%;padding-right:4rem;flex:1}.password-wrapper .password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;background:none;border:none;padding:.4rem;display:flex;align-items:center;justify-content:center;color:#757575;transition:color .3s ease}.password-wrapper .password-toggle:hover{color:var(--color-primary-blue)}.password-wrapper .password-toggle .material-symbols-outlined{font-size:2rem}.status{font-size:1.2rem;color:#ef4444;margin-top:.4rem;display:block;line-height:1.4;min-height:1.6rem}.remember-forgot{display:flex;justify-content:space-between;align-items:center;width:100%}.term-label{display:flex;font-size:1.4rem;gap:.8rem;align-items:flex-start;cursor:pointer}.term-label label{cursor:pointer;font-weight:400;color:var(--color-text-primary);line-height:1.4}input[type=checkbox]{width:1.6rem;height:1.6rem;margin-right:.8rem;cursor:pointer;accent-color:var(--color-primary-blue)}.forgot-password{color:var(--color-primary-blue);text-decoration:none;font-size:1.4rem;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#092d6e;text-decoration:underline}.login-buttons{display:flex;gap:1.2rem;margin-top:.8rem;width:100%}.login-btn{flex:1;padding:1.2rem;background-color:var(--color-primary-blue);color:#fff;border:none;border-radius:.6rem;font-size:1.6rem;font-weight:600;cursor:pointer;box-shadow:0 .4rem .2rem #0003;transition:all .3s ease;font-family:Plus Jakarta Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:.8rem}.login-btn:hover:not(:disabled){background:#092d6e;transform:translateY(-1px);box-shadow:0 .6rem .3rem #00000040}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.acct{display:flex;justify-content:center;margin:1.6rem 0 0;width:100%}.acct p{font-size:1.4rem;color:#757575}.acct a{margin-left:.4rem;text-decoration:none;color:var(--color-primary-blue);font-weight:600}.acct a:hover{color:#092d6e;text-decoration:underline}.illustration-part{background:linear-gradient(135deg,var(--color-primary-blue) 0%,var(--color-primary-blue-light) 100%);display:flex;justify-content:center;align-items:center;overflow:hidden}.transparent-glass{background-color:#ffffff1a;text-align:center;border-radius:1.2rem;padding:4rem 3rem;width:80%;max-width:48rem;display:flex;flex-direction:column;color:#fff;height:85%;box-shadow:0 .4rem 2rem #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);justify-content:space-between}.logo{display:flex;align-items:center;gap:.8rem}.logo img{width:2.8rem;height:2.8rem}.logo p{font-size:2.8rem;font-weight:600;margin:0}.transparent-glass h2{font-size:5rem;text-align:center;margin:auto 0;font-weight:700;line-height:1.2}.transparent-glass h2.welcome-back{margin-top:3rem;margin-bottom:2rem}.laptop-illustration{display:flex;justify-content:center;align-items:center;margin-top:2rem;flex:1}.device-image{max-width:100%;height:auto;max-height:40rem;object-fit:contain}.copyright{display:flex;justify-content:center;align-items:center;padding:2rem;background-color:#fff;border-top:1px solid #e5e5e5}.copyright p{font-size:1.2rem;color:#757575;font-weight:400;margin:0}form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.hidden{display:none!important}@media(max-width:1080px){.form-wrapper-inner{grid-template-columns:1fr}.copyright{padding:1.5rem}.form-fill h2.acc-text,.form-fill>p{text-align:center;width:100%}.form-fill form{width:100%;max-width:100%}.acct{text-align:center;width:100%}.illustration-part{display:none}.form-fill{margin:2rem 4rem;justify-content:center;align-items:center;padding:2rem 0}.form-fill h2.acc-text.login-title{font-size:3rem}.device-image{max-height:30rem}.transparent-glass h2.welcome-back{margin-top:2rem;font-size:4rem}}@media(max-width:768px){.form-fill{margin:1.5rem 2rem;padding:1.5rem 0;align-items:center;justify-content:center}.form-fill h2.acc-text{font-size:2rem;margin-bottom:.6rem;text-align:center;width:100%}.form-fill h2.acc-text.login-title{font-size:2.8rem}.form-fill>p{font-size:1.4rem;margin-bottom:1.5rem;text-align:center;width:100%}.form-fill form{width:100%;max-width:100%}.remember-forgot{flex-direction:column;align-items:flex-start;gap:1rem}.login-buttons{flex-direction:column}.acct{text-align:center;width:100%}.device-image{max-height:25rem}.transparent-glass h2.welcome-back{margin-top:1.5rem;font-size:3.5rem}}@media(max-width:578px){.form-fill{margin:1.2rem 1.6rem;padding:1.2rem 0;align-items:center;justify-content:center}.form-fill h2.acc-text{font-size:1.8rem;margin-bottom:.5rem;text-align:center;width:100%}.form-fill h2.acc-text.login-title{font-size:2.4rem;margin-bottom:.8rem}.form-fill>p{font-size:1.3rem;margin-bottom:1.2rem;text-align:center;width:100%}.form-fill form{width:100%;max-width:100%}.remember-forgot{flex-direction:column;align-items:flex-start;gap:1rem}.login-buttons{flex-direction:column}.login-btn{width:100%}.device-image{max-height:20rem}.transparent-glass h2.welcome-back{margin-top:1.5rem;font-size:3rem}.copyright{padding:1.5rem}.acct{text-align:center;width:100%}input[type=text],input[type=email],input[type=tel],input[type=password],select{padding:.9rem;font-size:1.3rem}.password-wrapper .password-toggle .material-symbols-outlined{font-size:1.8rem}.term-label,.forgot-password{font-size:1.3rem}.login-btn{padding:1rem;font-size:1.4rem}.acct p{font-size:1.2rem}}