body.task-login {background:#091527!important;background-image:radial-gradient(ellipse at 15% 20%,#123c50 0,transparent 55%),radial-gradient(ellipse at 85% 85%,#16345a 0,transparent 50%)!important;min-height:100vh;}
body.task-login #layout {background:transparent!important;}
body.task-login #layout-content {background:transparent!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px!important;min-height:100vh;box-sizing:border-box;}
body.task-login #logo {display:none!important;}
.its-brand {text-align:center;margin:0 0 28px;color:#f4f8ff;}
.its-mark {display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 18px;border:1px solid #69e8dc;border-radius:22px;background:linear-gradient(135deg,#54e4ce,#39b9d6);color:#082137;font:800 32px/1 Arial,sans-serif;box-shadow:0 12px 40px #0004;}
.its-brand h2 {margin:0;color:#fff;font-size:32px;font-weight:700;letter-spacing:-1px;}
.its-brand p {margin:9px 0 0;color:#b1c6d9;font-size:15px;}
body.task-login #login-form {width:100%!important;max-width:400px!important;margin:0!important;padding:32px!important;background:#fff!important;color:#243549!important;border:1px solid #e3ebf3;border-radius:22px;box-shadow:0 24px 80px #0005;box-sizing:border-box;}
body.task-login #login-form .input-group {margin-bottom:18px;}
body.task-login #login-form .form-control {background:#f4f7fb!important;color:#162a40!important;border-color:#d4deea!important;min-height:48px;font-size:16px;}
body.task-login #login-form .form-control:focus {border-color:#159eaa!important;box-shadow:0 0 0 3px #159eaa25!important;}
body.task-login #login-form .input-group-text {background:#edf2f8!important;color:#637a90!important;border-color:#d4deea!important;}
body.task-login #login-form label {color:#334b62!important;}
body.task-login #login-form button.submit {min-height:48px;border:0!important;border-radius:10px!important;background:#087e8b!important;color:#fff!important;font-weight:700;box-shadow:0 6px 18px #087e8b25;}
body.task-login #login-form button.submit:hover {background:#066571!important;}
body.task-login #login-form button.submit:focus-visible {outline:3px solid #36bdcc;outline-offset:3px;}
body.task-login #login-footer {margin-top:24px!important;color:#687c90!important;font-size:12px;text-align:center;}
body.task-login #login-footer a {color:#087e8b!important;}
@media(max-width:480px) {body.task-login #layout-content {padding:28px 16px!important;} body.task-login #login-form {padding:25px 20px!important;} .its-brand h2 {font-size:28px;} .its-mark {width:60px;height:60px;border-radius:18px;}}