:root { --thinkq-blue: #1e5bb8; --thinkq-dark: #0f3c8a; --thinkq-yellow: #f4b400; }
body.task-login { background: #f4f7fc; color: #18345f; }
body.task-login #layout { display: flex; min-height: 100vh; }
body.task-login .thinkq-intro { box-sizing: border-box; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 8vw; color: white; background: linear-gradient(145deg,#0a2861,#1e5bb8); }
.thinkq-intro .thinkq-kicker { color: #ffd464; font-size: .8rem; font-weight: 700; letter-spacing: .16em; }
.thinkq-intro h2 { font-size: clamp(2.5rem,4.2vw,4.8rem); font-weight: 700; line-height: 1.1; margin: 1.5rem 0; letter-spacing: -.04em; }
.thinkq-intro p { max-width: 29rem; font-size: 1.1rem; line-height: 1.7; opacity: .88; }
body.task-login #layout-content { box-sizing: border-box; position: relative; flex: 1; width: auto; max-width: none; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 2rem; background: #fff; }
body.task-login #logo { max-width: 220px; max-height: 90px; margin: 0 auto 3rem; }
.thinkq-welcome, body.task-login #login-form { width: min(100%, 370px); }
.thinkq-welcome h2 { font-size: 1.65rem; font-weight: 700; color: #102f65; margin: 0 0 .45rem; }
.thinkq-welcome p { color: #687895; margin-bottom: 2rem; }
body.task-login #login-form .form-control { min-height: 48px; border: 1px solid #ced8e8; border-radius: 7px; }
body.task-login #login-form .button, body.task-login #login-form button { background: var(--thinkq-blue); border-color: var(--thinkq-blue); border-radius: 7px; min-height: 48px; font-weight: 600; }
.thinkq-microsoft { text-align: center; font-size: .86rem; margin: 1.4rem 0; color: #687895; }
.thinkq-microsoft a { color: var(--thinkq-blue); font-weight: 600; }
.thinkq-mobile-title { display: none; }
#layout-menu { background-color: #0f3c8a; }
@media (max-width: 760px) { body.task-login .thinkq-intro { display:none; } body.task-login #layout-content { padding: 2rem 1.4rem; } body.task-login #logo { margin-bottom: 2rem; } }