.login-page{background:var(--background-base);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;font-family:"Montserrat",sans-serif;}.login-page .login-container{background:var(--component-pane-background);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.4);overflow:hidden;width:100%;max-width:480px;border:1px solid var(--border-default);}.login-page .login-container .login-header{padding:32px 32px 24px 32px;text-align:center;border-bottom:1px solid var(--border-default);}.login-page .login-container .login-header img{max-width:200px;height:auto;margin-bottom:24px;}.login-page .login-container .login-header h1{color:var(--text-primary);font-size:24px;font-weight:600;line-height:32px;margin:0;}.login-page .login-container .login-content{padding:32px;}.login-page .login-container .login-content .login-form .form-group{margin-bottom:24px;}.login-page .login-container .login-content .login-form .form-group:last-child{margin-bottom:0;}.login-page .login-container .login-content .login-form .form-group label{display:block;color:var(--text-label);font-size:14px;font-weight:500;margin-bottom:8px;line-height:20px;}.login-page .login-container .login-content .login-form .form-group input[type=text],.login-page .login-container .login-content .login-form .form-group input[type=password]{width:100%;padding:12px;border:1px solid var(--border-default);border-radius:6px;background:transparent;color:var(--text-primary);font-size:16px;font-family:"Montserrat",sans-serif;outline:0;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;}.login-page .login-container .login-content .login-form .form-group input[type=text]::placeholder,.login-page .login-container .login-content .login-form .form-group input[type=password]::placeholder{color:var(--text-placeholder);}.login-page .login-container .login-content .login-form .form-group input[type=text]:hover,.login-page .login-container .login-content .login-form .form-group input[type=password]:hover{border-color:var(--text-secondary);}.login-page .login-container .login-content .login-form .form-group input[type=text]:focus,.login-page .login-container .login-content .login-form .form-group input[type=password]:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(50,203,245,.1);}.login-page .login-container .login-content .login-form .form-group input[type=text].input-validation-error,.login-page .login-container .login-content .login-form .form-group input[type=password].input-validation-error{border-color:var(--border-error);}.login-page .login-container .login-content .login-form .form-group input[type=text].input-validation-error:focus,.login-page .login-container .login-content .login-form .form-group input[type=password].input-validation-error:focus{border-color:var(--border-error);box-shadow:0 0 0 3px rgba(255,84,54,.1);}.login-page .login-container .login-content .login-form .form-group .field-validation-error{color:var(--text-error);font-size:12px;margin-top:4px;display:block;}.login-page .login-container .login-content .login-form .remember-me{display:flex;align-items:center;margin-bottom:24px;}.login-page .login-container .login-content .login-form .remember-me input[type=checkbox]{margin-right:8px;accent-color:var(--blue-500);}.login-page .login-container .login-content .login-form .remember-me label{color:var(--text-secondary);font-size:14px;margin:0;cursor:pointer;}.login-page .login-container .login-content .login-form .login-button{width:100%;background:var(--blue-500);color:var(--text-reverse);border:0;border-radius:6px;padding:14px 16px;font-size:16px;font-weight:600;font-family:"Montserrat",sans-serif;cursor:pointer;transition:all .2s ease;line-height:24px;}.login-page .login-container .login-content .login-form .login-button:hover{background:var(--blue-400);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,180,247,.3);}.login-page .login-container .login-content .login-form .login-button:focus{outline:0;box-shadow:0 0 0 3px rgba(0,180,247,.3);}.login-page .login-container .login-content .login-form .login-button:active{transform:translateY(0);background:var(--blue-600);}.login-page .login-container .login-content .login-form .login-button:disabled,.login-page .login-container .login-content .login-form .login-button.disabled{background:var(--neutral-600);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none;}.login-page .login-container .login-content .login-form .login-button:disabled:hover,.login-page .login-container .login-content .login-form .login-button.disabled:hover{background:var(--neutral-600);transform:none;box-shadow:none;}.login-page .login-container .login-content .login-form .validation-summary{background:rgba(255,84,54,.1);border:1px solid var(--border-error);border-radius:6px;padding:12px;margin-bottom:24px;}.login-page .login-container .login-content .login-form .validation-summary ul{margin:0;padding:0;list-style:none;}.login-page .login-container .login-content .login-form .validation-summary ul li{color:var(--text-error);font-size:14px;line-height:20px;}.login-page .login-container .login-content .login-form .validation-summary ul li:not(:last-child){margin-bottom:4px;}.login-page .login-container .login-support{background:var(--neutral-800);padding:24px 32px;border-top:1px solid var(--border-default);}.login-page .login-container .login-support .support-header{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px;}.login-page .login-container .login-support p{color:var(--text-secondary);font-size:14px;line-height:20px;margin:0 0 12px 0;}.login-page .login-container .login-support p:last-child{margin-bottom:0;}.login-page .login-container .login-support p a{color:var(--text-link);text-decoration:none;}.login-page .login-container .login-support p a:hover{text-decoration:underline;}@media(max-width:768px){.login-page{padding:16px;}.login-page .login-container{max-width:100%;}.login-page .login-container .login-header{padding:24px 24px 20px 24px;}.login-page .login-container .login-header img{max-width:160px;margin-bottom:20px;}.login-page .login-container .login-header h1{font-size:20px;line-height:28px;}.login-page .login-container .login-content{padding:24px;}.login-page .login-container .login-content .login-form .form-group{margin-bottom:20px;}.login-page .login-container .login-content .login-form .remember-me{margin-bottom:20px;}.login-page .login-container .login-content .login-form .login-button{padding:12px 16px;font-size:15px;}.login-page .login-container .login-support{padding:20px 24px;text-align:center;}}