:root{color-scheme:light;--ink:#233b56;--blue:#567ca3;--muted:#61768c;--line:#dce6ef}*{box-sizing:border-box}body{margin:0;font:14px/1.65 system-ui,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #557fa8;outline-offset:3px}.login-top{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between}.login-logo img{width:108px;height:27px;object-fit:contain;object-position:left}.login-top>a:last-child{font-size:12px;color:var(--blue)}.login-layout{display:grid;grid-template-columns:1fr 440px;gap:clamp(60px,8vw,140px);max-width:1160px;margin:30px auto 65px;padding:30px 40px}.login-intro{padding:45px 0;position:relative;isolation:isolate}.login-intro:before{content:'';position:absolute;inset:0 -25px;background:radial-gradient(ellipse at 10% 35%,#e6f0f9,transparent 70%);z-index:-1;pointer-events:none}.login-eyebrow{font-size:10px;letter-spacing:.14em;color:var(--blue);margin:0 0 22px;font-weight:600}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(40px,4.6vw,62px);line-height:1.18;margin:0 0 30px}h1 span{color:var(--blue)}.login-intro>p:not(.login-eyebrow){font-size:16px;line-height:1.85;color:var(--muted);max-width:380px}.login-intro-foot{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:65px;color:var(--blue);font-size:12px}.login-form-section{padding:32px 0 0}.login-form-section .login-eyebrow{margin-bottom:12px}h2{font-size:36px;line-height:1.2;margin:0 0 12px}.login-lead{color:var(--muted);font-size:13px;margin:0 0 30px}form>label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}form>input,.password-field{width:100%;min-height:50px;border:1px solid #cddbe8;border-radius:7px;background:#fafcfe}form>input{padding:12px 14px;color:var(--ink)}.password-field{display:flex;align-items:center}.password-field input{width:100%;min-width:0;border:0;background:transparent;padding:12px 14px;min-height:48px;color:var(--ink);border-radius:7px}.password-field button{border:0;background:transparent;color:var(--blue);font-size:12px;min-width:65px;min-height:48px;padding:8px 12px}.login-options{margin:18px 0 24px;font-size:12px;color:var(--muted)}.login-options label{display:flex;align-items:center;gap:8px}.login-options input{accent-color:#426e98;width:16px;height:16px;margin:0}.login-submit{width:100%;min-height:50px;border:0;border-radius:7px;background:#284d74;color:#fff;font-weight:500}.login-submit:hover{background:#203f60}#login-status{min-height:20px;margin:10px 0;color:#9e514b;font-size:12px}.login-demo{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px}.demo-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.demo-heading>span{font-size:9px;color:var(--blue);letter-spacing:.09em}.demo-heading small{font-size:11px;color:var(--muted)}.demo-heading b{font-weight:500;color:var(--ink)}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-buttons button{padding:10px;border:1px solid var(--line);border-radius:6px;background:#f5f9fd;color:#315c83;text-align:left;font-size:12px;min-height:54px}.demo-buttons button:hover{background:#eaf2fa}.demo-buttons small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.login-demo p{font-size:11px;color:var(--muted);margin:12px 0 0}.login-preview-links{display:flex;gap:24px;font-size:12px;color:var(--blue);padding-top:18px}.login-contact{font-size:12px;color:var(--muted);margin:20px 0 0}.login-contact a{color:var(--blue)}.login-footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:20px 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.login-intro{min-width:0}.login-workflow{max-width:100%;margin-top:38px;padding-top:20px;border-top:1px solid var(--line)}.login-workflow>p{margin:0 0 12px;font-size:10px;color:var(--blue);letter-spacing:.05em}.login-workflow-mask{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.login-workflow-track{display:flex;width:max-content;animation:loginWorkflow 48s linear infinite}.login-workflow-group{display:flex;align-items:center;gap:25px;padding:5px 25px 5px 0;flex-shrink:0}.login-workflow-group span{display:inline-block;font:500 13px/1.6 system-ui;color:#5b7895;white-space:nowrap;transition:transform .2s ease}.login-workflow:hover .login-workflow-track{animation-play-state:paused}.login-workflow-group span:hover{transform:scale(1.06)}@keyframes loginWorkflow{to{transform:translateX(-50%)}}
@media(max-width:700px){.login-workflow{margin-top:20px;padding-top:14px}.login-workflow>p{margin-bottom:7px}.login-workflow-group{gap:20px;padding-right:20px}.login-workflow-group span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.login-workflow-track{animation:none}.login-workflow-group span{transition:none}}
@media(max-width:900px){.login-layout{grid-template-columns:minmax(0,1fr) 380px;gap:40px}.login-intro-foot{gap:12px;font-size:11px}}
@media(max-width:700px){.login-intro:before{inset:0}}
@media(max-width:700px){.login-top{padding:22px 24px}.login-layout{display:block;margin:0 auto 30px;padding:16px 24px;max-width:480px}.login-intro{padding:10px 0 28px}.login-intro .login-eyebrow{display:none}h1{font-size:32px;margin-bottom:12px}h1 br{display:none}.login-intro>p:not(.login-eyebrow){font-size:14px;margin:0;max-width:320px}.login-intro-foot{display:none}.login-form-section{border-top:1px solid var(--line);padding-top:26px}h2{font-size:30px}.login-lead{margin-bottom:22px}.login-form-section input:not([type=checkbox]){font-size:16px}.login-footer{padding:18px 24px;gap:12px}.login-footer span{max-width:220px}.demo-buttons{gap:8px}.demo-heading{flex-wrap:wrap}}
