:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1b2941;background:#f4f6fa;font-synthesis:none;--muted:#69758a;--blue:#285ce6;--border:#e3e8f0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.button{cursor:pointer;border:0;border-radius:9px;padding:13px 20px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:20px}button:hover,.button:hover{filter:brightness(.96)}:focus-visible{outline:3px solid #f5b841;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.1px;line-height:1.2;margin-bottom:12px;font-weight:650}h2{font-size:21px;letter-spacing:-.45px}h3{font-size:15px;margin-bottom:7px}p{color:var(--muted);line-height:1.7;font-size:14px}.fine,small{font-size:12px;line-height:1.65;color:var(--muted)}.app{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:750;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600}.brand-mark{height:38px;width:38px;border-radius:12px;background:var(--blue);display:grid;place-items:center;color:white;font-size:24px;box-shadow:0 5px 12px #285ce62b}.workspace-label{font-size:10px;letter-spacing:1.7px;color:#8b96a7;font-weight:700;margin:50px 12px 18px}nav{display:grid;gap:7px}nav a{padding:14px 12px;display:flex;gap:13px;font-size:14px;border-radius:8px;color:#626f85}nav a:hover{background:#f4f6fa}nav a.active{color:#2255d8;background:#edf2ff;font-weight:650}.sidebar-note{margin-top:auto;border-top:1px solid var(--border);padding:24px 10px 6px;font-size:12px;font-weight:650}.sidebar-note p{font-size:12px;margin-top:8px;font-weight:400}.dot{display:inline-block;background:#438976;width:7px;height:7px;border-radius:50%;margin-right:6px}.logout{background:transparent;color:#69758a;font-size:12px;padding-left:10px}.main{min-width:0;flex:1}header{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:12px;color:#59677d}.muted{margin:0 12px;color:#a0aabd}.badge,.tag{display:inline-block;font-size:10px;font-weight:650;letter-spacing:.6px;border-radius:5px;background:#eef2f7;color:#5e6c82;padding:6px 9px}.badge{letter-spacing:1px}.eyebrow{display:block;font-size:10px;letter-spacing:1.9px;font-weight:750;color:#577198;margin-bottom:15px}main#content{padding:36px 42px 20px;max-width:1510px;margin:auto}.heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:12px}.hero{background:linear-gradient(115deg,#17396a,#204a8d 70%,#3559a1);color:white;padding:35px 38px;border-radius:16px;display:flex;justify-content:space-between;overflow:hidden;min-height:300px;margin:24px 0}.hero h2{font-size:32px;font-weight:550;line-height:1.2;margin:21px 0 12px}.hero p{color:#cbd8ef;font-size:13px}.light{color:#d9e8ff;background:#ffffff17;border:1px solid #ffffff25}.white{background:#fff;color:#1c437e;font-size:12px;margin-top:9px}.orbit{width:320px;position:relative;flex-shrink:0;display:grid;place-items:center}.orbit:before,.orbit:after{content:'';position:absolute;width:205px;height:205px;border:1px solid #ffffff24;border-radius:50%;transform:rotate(-25deg)}.orbit:after{width:280px;height:280px;border-style:dashed}.orbit-center{width:98px;height:98px;border-radius:30px;background:#ffffff16;border:1px solid #ffffff35;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:44px;box-shadow:0 0 70px #699df93a}.orbit-center span{font-size:8px;letter-spacing:2px}.orb{position:absolute;border:1px solid #ffffff26;background:#244e89;border-radius:8px;padding:10px 14px;font-size:11px;z-index:1;box-shadow:0 8px 20px #0a28494d}.one{top:14px;left:6px}.two{right:-2px;top:103px}.three{bottom:5px;left:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.metrics article{background:white;border:1px solid var(--border);padding:23px;border-radius:11px}.metrics article>span{font-size:12px;color:var(--muted);display:block;margin-bottom:12px}.metrics strong{display:block;font-size:23px;font-weight:600;margin-bottom:7px;letter-spacing:-.6px}.metrics h3{font-size:18px}.columns{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;margin-top:24px}.panel{background:white;border:1px solid var(--border);border-radius:12px;padding:27px;margin-bottom:0}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:15px}.panel-heading h2{font-size:18px}.feature{display:flex;gap:17px;margin:20px 0}.feature:last-child{margin-bottom:0}.feature-icon{background:#eff4fe;color:#4b70ba;font-size:11px;min-width:35px;height:35px;display:grid;place-items:center;border-radius:10px}.feature p{font-size:12px;margin-bottom:0}.tinted{background:#edf2fc}.tinted h2{margin-top:15px}.text-link{color:#2959ba;font-size:12px;font-weight:650}hr{border:0;border-top:1px solid #dce4f2;margin:30px 0 20px}footer{display:flex;justify-content:space-between;color:#8490a2;font-size:11px;margin-top:36px;padding-top:20px;border-top:1px solid var(--border)}.primary{background:var(--blue);color:#fff;font-size:13px}.notice{background:#edf3ff;border:1px solid #d5e1fc;padding:15px 18px;font-size:13px;line-height:1.6;color:#355780;border-radius:9px;margin-bottom:24px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8190a4;padding:0 16px 17px}td{border-top:1px solid var(--border);padding:22px 16px;line-height:1.6}td .tag{letter-spacing:0}.empty{text-align:center;padding:65px 20px}.empty p{max-width:600px;margin:0 auto 22px}.empty-icon{display:grid;place-items:center;margin:0 auto 23px;width:60px;height:60px;border-radius:18px;background:#eef3ff;font-size:28px;color:#4273cd}.roadmap{margin-top:28px}.roadmap article{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--border);align-items:baseline}.roadmap article:last-child{border:0}.roadmap article>span{color:#3e6eda;font-size:14px;font-weight:650}.roadmap h2{font-size:18px;margin-bottom:9px}.roadmap p{margin-bottom:0;font-size:13px}.roadmap b{margin-left:auto}.login{background:#e9eef7;padding:6vh 6vw}.login-layout{max-width:1150px;min-height:78vh;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;border-radius:22px;overflow:hidden;background:white;box-shadow:0 25px 80px #213b6016}.login-story{background:linear-gradient(140deg,#16355f,#234d89);padding:45px;color:white;display:flex;flex-direction:column;justify-content:space-between;gap:55px}.login-story .brand small,.login-story>small{color:#b3c7e5}.login-story .eyebrow{color:#a8c3ea}.login-story h1{font-size:42px}.login-story p{color:#c4d3e9;max-width:340px}.principles{display:grid;gap:19px;font-size:12px;color:#d9e3f3;margin-top:36px}.login-form{align-self:center;padding:60px}.login-form h2{font-size:30px;margin:28px 0 12px}.login-form form{margin:32px 0 22px}.login-form label{display:block;font-size:12px;font-weight:650;margin:18px 0 8px}.login-form input{width:100%;padding:12px;border:1px solid #cbd4e2;border-radius:7px;background:#fbfcfe}.login-form button{width:100%;margin-top:25px}.login-form .notice{font-size:12px} @media(min-width:1500px){.hero{padding-right:70px}}@media(max-width:1150px){.sidebar{width:216px;padding:25px 14px}main#content{padding:30px 25px}.orbit{width:235px;transform:scale(.85)}.hero{padding:30px}.hero h2{font-size:28px}.columns{grid-template-columns:1fr}.login-form{padding:40px}.login-story{padding:35px}.login-story h1{font-size:36px}}@media(max-width:800px){.app{display:block}.sidebar{position:static;width:100%;height:auto;padding:18px 20px;gap:16px}.sidebar .brand{font-size:16px}.workspace-label,.sidebar-note{display:none}nav{display:flex;flex-wrap:wrap;gap:4px}nav a{font-size:12px;padding:10px}header{padding:0 22px;height:58px}.sidebar form{position:absolute;top:20px;right:15px}main#content{padding:28px 20px}.orbit{display:none}.hero{min-height:0;padding:28px}.heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr;gap:12px}.metrics article{padding:18px}.metrics strong{font-size:22px}.panel{padding:23px}.panel-heading{flex-wrap:wrap}footer{gap:20px;line-height:1.6}.login{padding:20px}.login-layout{grid-template-columns:1fr}.login-story{padding:30px;gap:30px}.login-story h1{font-size:32px}.principles,.login-story>small{display:none}.login-form{padding:32px}.roadmap article{gap:14px}.roadmap b{display:none}}

/* Stage 2 workspace forms and conversations */
.admin-users-link{display:block;font-size:13px;color:#4569ad;padding:18px 12px}.section-gap{margin-top:24px}.block{display:block}.wrap{overflow-wrap:anywhere}.filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.filters label{flex:1;min-width:160px;font-size:12px;font-weight:600}.filters input,.filters select{display:block;width:100%;margin-top:8px}input,select,textarea{font:inherit;color:#23344d;border:1px solid #cbd4e2;border-radius:8px;padding:12px;background:#fff;max-width:100%}textarea{resize:vertical}.stacked{display:flex;flex-direction:column;gap:12px}.stacked label{font-size:13px;font-weight:650;margin-top:6px}.stacked button{align-self:flex-start;margin-top:8px}.secondary{background:#edf2fb;color:#31578d;font-size:12px;padding:9px 14px}button:disabled{cursor:not-allowed;opacity:.45}.status-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px;margin-bottom:15px}.status-grid p{font-size:13px}.client-choice{display:flex;gap:14px;align-items:center;padding:18px 0;border-top:1px solid #e3e8f0}.client-choice strong{flex:1;font-size:14px}.ticket-title{font-weight:600;color:#2855a5;overflow-wrap:anywhere}.pagination{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:22px;font-size:12px;color:#4168ae}.message{border-top:1px solid #e4eaf3;padding:24px 0 6px}.message-header{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.message-header small{margin-left:auto}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#33425b;margin-top:14px}.conversation-layout{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.conversation-layout>section,.conversation-layout>aside{min-width:0}@media(max-width:1000px){.conversation-layout{grid-template-columns:1fr}}@media(max-width:800px){.status-grid{grid-template-columns:1fr;gap:0}.filters{align-items:stretch;flex-direction:column}.filters label{width:100%;min-width:0}.client-choice{flex-wrap:wrap}.message-header small{margin-left:0}.admin-users-link{padding:0 10px}.columns{min-width:0}.panel{min-width:0}}

.attachment-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e4e9ee}.attachment-row>div{min-width:0}.attachment-row form{margin:0}input[type=file]{max-width:100%;padding:12px;background:#f5f8fa;border:1px dashed #b6c8d2;border-radius:10px}.stacked button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.attachment-row{align-items:flex-start;flex-direction:column}}

.source-excerpt{max-width:100%;overflow:auto;padding:20px;border-radius:10px;background:#101d35;color:#e0eaff;font-size:13px;line-height:1.7;tab-size:4;white-space:pre-wrap;overflow-wrap:anywhere}.source-excerpt code{font-family:Consolas,monospace}

/* Keep account exit visible on every workspace page and viewport. */
.main>header{position:sticky;top:0;z-index:20;gap:12px}.header-logout{margin:0;flex-shrink:0}.logout-button{background:#edf2ff;color:#214fbf;border:1px solid #b9caf5;min-height:44px;padding:10px 16px;font-size:13px;gap:8px;white-space:nowrap}@media(max-width:800px){.main>header{min-height:64px;height:auto;padding:10px 20px}}

/* Attachments belong to the message composer. */
.question-composer{border:1px solid #d8e1ee;border-radius:18px;padding:22px;background:#fff;transition:border-color .15s}.question-composer textarea{border-radius:14px;background:#fafbfd;min-height:140px}.question-composer.drag-over{border:2px dashed #285ce6;background:#f0f5ff}.composer-file-input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.composer-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.composer-toolbar .composer-send{margin-left:auto;align-self:center}.attach-button{background:#f1f4f8;color:#334760;padding:10px 14px;font-size:13px;gap:6px;min-height:44px}.attach-button span{font-size:23px}.composer-files,.message-files{display:flex;flex-wrap:wrap;gap:10px}.composer-files:empty,.message-files:empty{display:none}.file-chip,.attached-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dbe3ee;border-radius:12px;background:#f8fafd;max-width:100%;min-width:0}.file-chip>div,.attached-file>div{min-width:0}.file-chip strong,.attached-file strong{display:block;font-size:12px;overflow-wrap:anywhere}.file-chip small,.attached-file small{display:block}.file-chip img{width:44px;height:44px;object-fit:cover;border-radius:8px}.file-remove{padding:8px;font-size:20px;background:transparent;color:#53647d;min-width:36px}.message-files{margin-top:12px}.attached-file .text-link{margin-left:auto;white-space:nowrap}.composer-feedback{margin:0}.composer-feedback:empty{display:none}@media(max-width:600px){.question-composer{padding:16px}.composer-toolbar>.fine{display:none}.composer-send{padding:12px}.file-chip{width:100%}.attached-file{width:100%}}

.attachment-viewer{width:min(1000px,94vw);max-height:90vh;padding:0;border:1px solid #d9e1f0;border-radius:18px;color:#192b48;box-shadow:0 24px 80px #15284555}
.attachment-viewer::backdrop{background:#10213f99}
.attachment-viewer header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid #e3e8f2}
.attachment-viewer header strong{overflow-wrap:anywhere;min-width:0}
.attachment-viewer header button{padding:10px 16px;border-radius:10px;border:1px solid #ccd7ed;background:#eef3ff;cursor:pointer}
.attachment-viewer header+div{padding:18px;overflow:auto;max-height:72vh}
.attachment-viewer img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}
.attachment-viewer iframe{display:block;width:100%;height:62vh;border:0;background:#f5f7fb}
.attachment-viewer pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 monospace}
.attachment-preview-link{display:flex;flex-direction:column;gap:6px;align-items:center}
.attachment-thumbnail{width:96px;height:72px;object-fit:cover;border:1px solid #dce3ef;border-radius:8px}
.attached-file{flex-wrap:wrap}.file-chip .text-link{border:0;background:transparent;cursor:pointer}

.header-account{display:flex;align-items:center;gap:18px;min-width:0}.signed-in-user{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#edf2ff;color:#285ce6}.user-avatar svg{width:23px;height:23px}.user-identity{display:flex;flex-direction:column;min-width:0;line-height:1.4}.user-identity strong{color:#1b2941;font-size:13px;overflow-wrap:anywhere;max-width:240px}.user-identity small{font-size:11px;color:#69758a}@media(max-width:600px){.main>header{flex-wrap:wrap}.main>header>span{font-size:11px}.header-account{margin-left:auto;gap:12px}.user-identity strong{max-width:150px}.user-avatar{width:32px;height:32px}}

.notification-bell{position:relative;display:grid;place-items:center;width:40px;height:44px;flex-shrink:0;color:#285ce6;border-radius:12px;background:#f1f5ff}.notification-bell svg{width:22px;height:22px}.notification-bell [data-unread-badge]{position:absolute;top:-4px;right:-6px;min-width:18px;padding:2px 4px;border-radius:12px;background:#dc3545;color:white;font-size:10px;text-align:center}.notification-bell [hidden]{display:none}.notification-row{display:flex;align-items:center;gap:14px;padding:20px 14px;border-bottom:1px solid #e3e8f0}.notification-row>div{flex:1;min-width:0}.notification-row p{margin:6px 0}.notification-row form{margin:0}.notification-row button{background:#eef3ff}.notification-row.is-unread{background:#f5f8ff}.notification-dot{width:8px;height:8px;background:#285ce6;border-radius:50%;flex-shrink:0}@media(max-width:600px){.header-account{flex-wrap:wrap}.notification-row{flex-wrap:wrap}.notification-row form{margin-left:auto}}

/* Compact, consistently aligned workspace account controls. */
.main>header .header-account{gap:12px;align-items:center;flex-wrap:nowrap}
.main>header .notification-bell{width:34px;height:34px;border-radius:9px}
.main>header .notification-bell svg{width:20px;height:20px}
.main>header .signed-in-user{gap:8px;align-items:center}
.main>header .user-avatar{width:34px;height:34px}
.main>header .user-avatar svg{width:20px;height:20px}
.main>header .user-identity{line-height:1.25}
.main>header .user-identity strong{font-size:12px;max-width:180px}
.main>header .user-identity small{font-size:10px;line-height:1.4}
.main>header .logout-button{height:34px;min-height:34px;padding:6px 12px;font-size:12px;gap:6px;border-radius:9px}
@media(max-width:600px){.main>header .header-account{gap:9px}.main>header .user-identity strong{max-width:120px}}
@media(pointer:coarse){.main>header .notification-bell,.main>header .logout-button{min-height:44px}.main>header .notification-bell{min-width:44px}}
/* Investigation workspace: compact steps and a visible submission summary. */
.investigation-heading {margin:24px 0}.investigation-heading h1 {font-size:clamp(28px,3vw,42px);margin:10px 0}.investigation-layout {display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start;margin-top:24px}.investigation-sections {display:grid;gap:20px;min-width:0}.investigation-layout .panel {padding:28px}.investigation-layout h2 {font-size:23px;margin:10px 0 12px}.investigation-layout p {font-size:15px;line-height:1.65}.investigation-layout small {display:block;color:#65758d;font-size:13px;line-height:1.6}.investigation-field {display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;margin:18px 0 10px}.investigation-field input,.investigation-field select {width:100%;min-width:0;max-width:100%;font-size:14px}.investigation-summary {position:sticky;top:95px}.investigation-summary ul {padding-left:19px;font-size:14px;line-height:2;color:#52657f}.investigation-provider {padding:14px;background:#f3f6fc;border-radius:10px}.investigation-provider strong {display:block;font-size:14px;overflow-wrap:anywhere}.investigation-consent,.investigation-attachment {display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;margin:18px 0}.investigation-consent input,.investigation-attachment input,.investigation-fields input {width:17px;height:17px;min-width:17px;padding:0;margin-top:3px}.investigation-summary button {width:100%;margin:0 0 12px;font-size:14px}.investigation-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding:12px;background:#f7f9fc;border-radius:10px}.investigation-fields label {display:flex;gap:8px;font-size:13px;overflow-wrap:anywhere}.investigation-filter {display:grid;grid-template-columns:1fr 1fr;gap:16px}.catalog-list {max-height:350px;overflow:auto}.investigation-page [hidden] {display:none!important}@media(max-width:1150px){.investigation-layout{grid-template-columns:1fr}.investigation-summary{position:static}}@media(max-width:600px){.investigation-layout .panel{padding:20px}.investigation-fields,.investigation-filter{grid-template-columns:1fr}}
.employee-question .question-byline{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:14px}.question-byline .user-avatar{width:32px;height:32px;font-size:20px}.question-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;color:#40526d}.question-files{margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0}.question-files summary{font-size:14px;cursor:pointer}.question-file-links{display:flex;align-items:center;gap:16px;margin-top:12px;font-size:13px;overflow-wrap:anywhere}.admin-context textarea{display:block;width:100%;resize:vertical;margin-top:18px;border-radius:14px 14px 0 0;border-bottom:0;font:inherit;font-size:15px;line-height:1.7}.admin-context .composer-toolbar{padding:12px;border:1px solid #d8e0ee;border-top:0;border-radius:0 0 14px 14px;margin:0;flex-wrap:wrap}.admin-context .composer-files:empty{display:none}.admin-context .attach-button{padding:10px 14px;font-size:14px}.admin-context .fine{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Official supplied logo; viewport removes only the original image's outer whitespace. */
.brand-official{display:block;width:100%;max-width:320px;flex-shrink:0;letter-spacing:normal;background:#fff;border-radius:10px;overflow:hidden}
.brand-logo-window{display:block;position:relative;width:100%;aspect-ratio:1490 / 385;overflow:hidden}
.brand-logo-window img{position:absolute;display:block;width:112.2148%;max-width:none;height:auto;left:-6.7114%;top:-70.1299%}
.login-story .brand-official{padding:10px 12px;box-sizing:border-box}
.login>.panel>.brand-official{max-width:280px;margin-bottom:30px}
@media(max-width:800px){.sidebar .brand-official{max-width:240px}.login-story .brand-official{max-width:300px}}

/* Brand login */
.brand-login{min-height:100vh;display:grid;place-items:center;padding:36px 5vw;background:radial-gradient(ellipse at 10% 20%,#d9f1ed,transparent 50%),#eef3f6}
.brand-login .login-layout{width:100%;max-width:1140px;min-height:650px;grid-template-columns:1.18fr 1fr;border:1px solid #fff;border-radius:26px;box-shadow:0 30px 100px #143e5715}
.brand-login .login-story{position:relative;isolation:isolate;background:linear-gradient(160deg,#fff 20%,#f0faf7 68%,#deeee9);color:#133e56;padding:44px 46px;gap:44px;overflow:hidden}
.brand-login .login-story:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-240px;bottom:-175px;border:1px solid #a1d3c7;border-radius:50%;box-shadow:0 0 0 36px #a1d3c71c,0 0 0 72px #a1d3c714,0 0 0 108px #a1d3c70d}
.brand-login .login-story .brand-official{padding:0;max-width:310px;background:transparent;border-radius:0;mix-blend-mode:multiply}
.brand-login .login-story .eyebrow{color:#277b71;font-size:9px;letter-spacing:2px;margin-bottom:20px}
.brand-login .login-story h1{font-size:clamp(36px,4vw,54px);font-weight:650;line-height:1.08;letter-spacing:-2px;margin-bottom:22px}
.brand-login .login-story h1 span{color:#008b78}
.brand-login .login-story p{color:#52716f;font-size:14px;line-height:1.8}
.brand-login .login-story>small{color:#627d79;font-size:10px}
.login-journey{display:flex;align-items:flex-start;margin-top:38px;gap:10px}
.login-journey>div{display:flex;flex-direction:column;min-width:0;gap:5px}
.journey-icon{width:30px;height:30px;display:grid;place-items:center;background:#fff;border:1px solid #cce4dc;border-radius:10px;color:#008b78;font-size:10px;margin-bottom:6px}
.login-journey strong{font-size:12px;font-weight:600}.login-journey small{font-size:10px;color:#637f79;white-space:nowrap}.journey-line{height:1px;flex:1;background:#c0dcd3;margin-top:15px;min-width:10px}
.brand-login .login-form{padding:56px 48px;background:#fff;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.login-kicker{font-size:9px;font-weight:650;letter-spacing:1.7px;color:#627b85;display:flex;gap:8px;align-items:center}.login-kicker>span{color:#00a58b;font-size:10px}
.brand-login .login-form h2{font-size:34px;letter-spacing:-1.2px;color:#183b50;margin:22px 0 10px}.brand-login .login-form h2>span{color:#00a58b}
.brand-login .login-form>p{font-size:13px;color:#71838c}
.brand-login .login-form form{margin:22px 0}
.brand-login .login-form label{font-size:12px;color:#294957;margin-top:19px;margin-bottom:9px}
.brand-login .login-form input{background:#f8fafb;border:1px solid #dce5e8;padding:13px 14px;min-height:48px;border-radius:10px;transition:border-color .15s,box-shadow .15s}
.brand-login .login-form input:focus{background:#fff;border-color:#008d7a;box-shadow:0 0 0 3px #008d7a12;outline:none}
.brand-login :focus-visible{outline:3px solid #008d7a;outline-offset:3px}
.brand-login .login-form button{background:#087f70;min-height:48px;border-radius:10px;justify-content:space-between;padding:14px 18px;box-shadow:0 5px 14px #087f701a;margin-top:27px}
.brand-login .login-form button:hover{background:#066d60}
.brand-login .login-form .notice{background:#eff8f5;border-color:#d9ece5;color:#316c5e;font-size:12px;padding:12px 14px;margin-bottom:18px}
.brand-login .login-form .fine{border-top:1px solid #edf0f2;padding-top:20px;font-size:10px;line-height:1.8;margin-bottom:0;color:#829099}
@media(max-width:800px){.brand-login{padding:20px}.brand-login .login-layout{grid-template-columns:1fr;min-height:0;max-width:520px}.brand-login .login-story{padding:30px;gap:30px}.brand-login .login-story .brand-official{max-width:265px}.brand-login .login-story h1{font-size:40px}.brand-login .login-story p{margin-bottom:0;font-size:13px}.brand-login .login-story>small,.login-journey{display:none}.brand-login .login-form{padding:32px}.brand-login .login-form h2{font-size:30px}}
@media(max-width:400px){.brand-login{padding:12px}.brand-login .login-story,.brand-login .login-form{padding:26px}.brand-login .login-story h1{font-size:36px}}