body.tawazon-login {background:var(--darkened-bg); min-height:100vh; margin:0; padding:40px 20px; box-sizing:border-box; display:grid; align-items:center;}
body.tawazon-login #container {width:min(940px,100%); max-width:100%; min-width:0; margin:0 auto; padding:0; border:1px solid var(--hairline-color); border-radius:22px; overflow:hidden; box-shadow:0 24px 80px rgb(0 0 0 / 12%);}
.tawazon-login #header {display:none;}
.tawazon-login .main,.tawazon-login #content {padding:0; margin:0; width:100%;}
.tawazon-login #footer {display:none;}
.tw-login-layout {display:grid; grid-template-columns:.9fr 1.1fr; min-width:0;}
.tw-login-brand {background:#031630; color:#fff; padding:38px; display:flex; flex-direction:column; justify-content:center;}
.tw-wordmark {color:#fff!important; font-size:28px; font-weight:700; text-decoration:none;}
.tw-wordmark small {display:block; font-size:12px; color:#a3c9d0; letter-spacing:.22em; margin-top:6px;}
.tw-login-brand img {width:240px; max-width:100%; height:auto; align-self:center; margin:16px 0;}
.tw-login-brand h2 {color:#2cd0bf; font-size:29px; line-height:1.5; margin:0 0 12px; font-weight:600;}
.tw-login-brand p {color:#b7c9d8; font-size:16px; line-height:1.8; margin:0;}
.tw-login-panel {padding:36px 42px; background:var(--body-bg); color:var(--body-fg); min-width:0;}
.tw-login-tools {display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:38px; font-size:14px;}
.tw-login-tools .theme-toggle {color:var(--body-fg); padding:8px; border:1px solid var(--hairline-color); border-radius:8px;}
.tw-login-tools .theme-toggle svg {fill:none; stroke:currentColor; width:20px; height:20px;}
.tw-login-eyebrow {font-size:13px; font-weight:700; color:var(--link-fg); margin:0 0 10px; letter-spacing:.05em;}
.tawazon-login h1 {font-size:30px; color:var(--body-fg); margin:0 0 12px; font-weight:650;}
.tw-login-intro {font-size:16px; color:var(--body-quiet-color); line-height:1.8; margin:0 0 26px;}
.tawazon-login #content-main {width:100%; float:none;}
.tawazon-login #login-form {margin:0;}
.tawazon-login .form-row {padding:0; margin-bottom:22px; border:0;}
.tawazon-login .form-row label {display:block; padding:0; font-size:15px; line-height:1.6; color:var(--body-fg); margin-bottom:8px;}
.tawazon-login .form-row #id_username,.tawazon-login .form-row #id_password {box-sizing:border-box; width:100%; min-height:48px; padding:11px 14px; font-size:17px; border:1px solid var(--hairline-color); border-radius:9px; background:var(--darkened-bg); color:var(--body-fg); text-align:start;}
.tawazon-login .submit-row {padding:2px 0 0; margin:0; background:none; border:0; text-align:start;}
.tawazon-login .submit-row input {width:100%; min-height:48px; border-radius:9px; background:#00877b; color:white; font-size:17px; font-weight:650; cursor:pointer; margin:0;}
.tawazon-login .submit-row input:hover {background:#006e65;}
.tawazon-login :is(a,button,input):focus-visible {outline:3px solid #00bbae; outline-offset:3px;}
.tawazon-login .errornote,.tawazon-login .errorlist {font-size:14px; line-height:1.7; padding:12px; border-radius:8px; overflow-wrap:anywhere;}
.tw-password-toggle {display:block; margin-inline-start:auto; margin-top:8px; padding:6px 10px; border:1px solid var(--hairline-color); border-radius:6px; background:var(--body-bg); color:var(--link-fg); font:inherit; font-size:14px; cursor:pointer;}
.tw-caps-warning {font-size:14px; color:var(--body-fg); border-inline-start:3px solid #e2a922; padding-inline-start:10px; margin-top:10px;}
.tw-login-help {font-size:14px; line-height:1.8; color:var(--body-quiet-color); border-top:1px solid var(--hairline-color); margin:26px 0 0; padding-top:18px; clear:both;}
#js-lockout-countdown {display:block; font-variant-numeric:tabular-nums; direction:ltr; margin-top:6px;}
@media(max-width:700px) {body.tawazon-login {padding:20px 14px; align-items:start;} .tw-login-layout {grid-template-columns:1fr;} .tw-login-brand {padding:22px 26px;} .tw-login-brand img,.tw-login-brand h2,.tw-login-brand p {display:none;} .tw-login-panel {padding:26px;} .tw-login-tools {margin-bottom:26px;} .tw-wordmark small {display:inline; margin-inline-start:12px;} .tawazon-login h1 {font-size:27px;}}
@media(prefers-reduced-motion:reduce) {.tawazon-login * {scroll-behavior:auto;}}

.tw-login-tools .theme-toggle svg {display:none!important;} .tw-login-tools .theme-toggle::after {content:"◐"; display:block; font-size:22px; line-height:1; color:var(--body-fg);}