.login-root{background:var(--background);display:flex;width:100%;min-height:100vh;overflow:hidden}.loginbackground{min-height:692px;position:fixed;inset:0;z-index:0;overflow:hidden}.loginbackground-gridContainer{display:grid;grid-template-columns:[start] 1fr [left-gutter] repeat(16,86.6px) [left-gutter] 1fr [end];grid-template-rows:[top] 1fr [top-gutter] repeat(8,64px) [bottom-gutter] 1fr [bottom];justify-content:center;margin:0 -2%;transform:rotate(-12deg) skew(-12deg)}.box-background--primary{background-color:var(--primary)}.box-background--secondary{background-color:var(--secondary)}.box-background--light{background-color:var(--light)}.box-background--white{background-color:var(--background)}.box-background--border{background-color:var(--border)}.box-background--gradient{background:var(--gradient)}.box-divider--light-all-2{box-shadow:inset 0 0 0 2px var(--border)}.animationRightLeft{animation:animationRightLeft 3s ease-in-out infinite}.animationLeftRight{animation:animationLeftRight 3s ease-in-out infinite}.tans3s{animation:animationLeftRight 4s ease-in-out infinite}.tans4s{animation:animationLeftRight 5s ease-in-out infinite}@keyframes animationLeftRight{0%{transform:translate(0)}50%{transform:translate(800px)}to{transform:translate(0)}}@keyframes animationRightLeft{0%{transform:translate(0)}50%{transform:translate(-800px)}to{transform:translate(0)}}.formbg{margin:0 auto;width:100%;max-width:600px;background:var(--background);border-radius:12px;box-shadow:0 20px 40px #2b2d4226,0 8px 24px #006bcd1a;border:1px solid var(--border);backdrop-filter:blur(10px)}.formbg-outer{width:100%;max-width:600px;margin:0 auto;padding:0 16px}.formbg-inner{padding:48px}.login-title{font-family:var(--font-orbitron);font-size:28px;font-weight:700;color:var(--primary);text-align:center;margin-bottom:8px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:16px;color:var(--text-light);text-align:center;margin-bottom:32px;font-weight:400}.field{margin-bottom:24px}.field label{font-size:14px;font-weight:600;color:var(--primary);margin-bottom:8px;display:block;font-family:var(--font-sans)}.field input[type=email],.field input[type=password],.field input[type=text]{font-size:16px;line-height:1.5;padding:12px 16px;width:100%;min-height:48px;border:2px solid var(--border);border-radius:8px;outline:none;background-color:var(--background);color:var(--text);transition:var(--transition);font-family:var(--font-sans)}.field input[type=email]:focus,.field input[type=password]:focus,.field input[type=text]:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #006bcd1a}.field-checkbox{display:flex;align-items:center;margin-bottom:24px}.field-checkbox input[type=checkbox]{width:18px;height:18px;margin-right:12px;accent-color:var(--secondary)}.field-checkbox label{display:flex;align-items:center;margin:0;font-size:14px;color:var(--text);cursor:pointer}.reset-pass{text-align:right;margin-bottom:10px}.reset-pass a{color:var(--secondary);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition)}.reset-pass a:hover{color:var(--primary)}.grid--50-50{display:grid;grid-template-columns:1fr 1fr;align-items:center}.footer-link{text-align:center;padding-top:24px}.footer-link span{font-size:14px;color:var(--text-light)}.footer-link a{color:var(--secondary);text-decoration:none;font-weight:500;transition:var(--transition)}.footer-link a:hover{color:var(--primary)}.listing{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:24px;padding-bottom:24px}.error-message{color:#e53e3e;font-size:14px;margin-top:6px;font-weight:500}.status-message{background-color:#f0f9ff;border:1px solid #0ea5e9;color:#0369a1;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.password-requirements{background-color:var(--light);border:1px solid var(--border);border-radius:6px;padding:12px;margin-top:8px}.requirement{font-size:12px;color:var(--text-light)}@media(max-width:1024px){.loginbackground-gridContainer{transform:rotate(-10deg) skew(-10deg);margin:0 -5%}.formbg{max-width:540px}}@media(max-width:768px){.loginbackground-gridContainer{transform:rotate(-8deg) skew(-8deg);margin:0 -10%;grid-template-columns:[start] 1fr [left-gutter] repeat(12,60px) [left-gutter] 1fr [end]}.formbg{max-width:480px;margin:0}.formbg-outer{padding:0 20px}.formbg-inner{padding:32px 24px}.login-title{font-size:24px}.listing{flex-direction:column;gap:12px}}@media(max-width:480px){.loginbackground-gridContainer{transform:rotate(-6deg) skew(-6deg);margin:0 -15%;grid-template-columns:[start] 1fr [left-gutter] repeat(8,40px) [left-gutter] 1fr [end];grid-template-rows:[top] 1fr [top-gutter] repeat(6,50px) [bottom-gutter] 1fr [bottom]}.formbg{max-width:100%;border-radius:8px}.formbg-outer{padding:0 16px}.formbg-inner{padding:24px 20px}.login-title{font-size:22px}.field input[type=email],.field input[type=password],.field input[type=text]{padding:14px 16px;min-height:52px;font-size:16px}}@media(max-width:320px){.formbg-outer{padding:0 12px}.formbg-inner{padding:20px 16px}.loginbackground-gridContainer{grid-template-columns:[start] 1fr [left-gutter] repeat(6,30px) [left-gutter] 1fr [end]}}.flex-flex{display:flex}.flex-direction--column{flex-direction:column}.flex-justifyContent--center{justify-content:center}.align-center{align-items:center}.center-center{align-items:center;justify-content:center}.box-root{box-sizing:border-box}.padding-top--24{padding-top:24px}.padding-top--48{padding-top:48px}.padding-top--64{padding-top:64px}.padding-bottom--24{padding-bottom:24px}.padding-horizontal--48{padding:0 48px}.password-field{position:relative}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;cursor:pointer}.toggle-password:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{width:22px;height:22px;fill:var(--accent)}.icon-eye-off,.password-field[data-revealed=true] .icon-eye{display:none}.password-field[data-revealed=true] .icon-eye-off{display:block}.form-section .field label{font-size:14px;font-weight:600;color:var(--primary);margin-bottom:8px;display:block;font-family:var(--font-sans)}.form-section .field input[type=text],.form-section .field input[type=email],.form-section .field input[type=password],.form-section .field input[type=tel],.form-section .field input[type=url]{font-size:16px;line-height:1.5;padding:12px 16px;width:100%;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-family:var(--font-sans);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-section .field input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1)}.form-section{margin-bottom:2rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff80}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text);border-bottom:2px solid var(--secondary);padding-bottom:.5rem}.field-row{display:flex;gap:1rem;flex-wrap:wrap}.field-row .field{flex:1;min-width:250px}.required{color:#ef4444}select,textarea{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}select:focus,textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1)}@media(max-width:768px){.field-row{flex-direction:column}.field-row .field{min-width:unset}.form-section{padding:1rem}}