:root{--l-navy: #0d1b4b;--l-navy-2: #122060;--l-accent: #5bb8d4;--l-accent-2: #7dcce3;--l-canvas: #ffffff;--l-surface: #ffffff;--l-surface-2: #f8fafd;--l-ink: #0d1b4b;--l-muted: #3a4a6e;--l-faint: #6f7798;--l-disabled: #a3aec5;--l-line: #dde4ee;--l-line-strong: #c2c7de;--l-input-bg: #ffffff;--l-danger: #dc2626;--l-danger-bg: rgba(220, 38, 38, .08);--l-success: #16a34a;--l-shadow-low: 0 2px 8px rgba(13, 27, 75, .07);--l-shadow-medium: 0 4px 16px rgba(13, 27, 75, .1);--l-ring: 0 0 0 3px rgba(91, 184, 212, .32);--l-dur: .2s;--l-ease: cubic-bezier(.25, 1, .5, 1);--l-r-sm: 6px;--l-r-md: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Nunito,Gotham-Book,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:var(--l-canvas);color:var(--l-ink)}.left{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;background:var(--l-navy);color:#fff;isolation:isolate}.left:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(91,184,212,.55) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 85%,rgba(201,168,76,.4) 0%,transparent 60%)}.left:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 0%,transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 0%,transparent 80%)}.left-logo{position:relative}.left-logo img{width:min(260px,80%);height:auto;display:block}.left-body{position:relative;max-width:30rem;display:flex;flex-direction:column;gap:.85rem}.left-eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--l-accent-2)}.left-tagline{font-size:2.6rem;line-height:1.08;font-weight:800;letter-spacing:-.02em;color:#fff}.left-tagline em{font-style:italic;color:var(--l-accent-2)}.left-tagline-wide{width:max-content;max-width:100%}.left-desc{font-size:1rem;line-height:1.65;color:#ffffffb3;max-width:30rem}.left-desc-wide{max-width:32rem}.left-footer{position:relative;font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffff6b}.right{display:flex;align-items:center;justify-content:center;padding:2.5rem;background:var(--l-canvas)}.login-box{width:100%;max-width:27.5rem;display:flex;flex-direction:column;gap:1.75rem}.mobile-hero{display:none}.login-title{font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--l-ink)}.login-sub{font-size:.875rem;color:var(--l-faint);margin-top:-1rem}.doc-switch{display:inline-flex;width:fit-content;gap:2px;padding:4px;border:1px solid var(--l-line);border-radius:var(--l-r-md);background:var(--l-input-bg)}.doc-switch-btn{height:32px;padding:0 1rem;border:none;border-radius:var(--l-r-sm);background:transparent;color:var(--l-faint);font-family:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all var(--l-dur) var(--l-ease)}.doc-switch-btn:hover{color:var(--l-ink)}.doc-switch-btn.active{background:var(--l-accent);color:#fff;box-shadow:var(--l-shadow-low)}.form-group{display:flex;flex-direction:column;gap:.5rem}label{font-size:.8125rem;font-weight:500;color:var(--l-muted);line-height:1}input[type=text],input[type=password]{height:44px;width:100%;padding:0 .9rem;border:1px solid var(--l-line);border-radius:var(--l-r-md);background:var(--l-input-bg);color:var(--l-ink);font-family:inherit;font-size:.9rem;line-height:1;outline:none;transition:border-color var(--l-dur) var(--l-ease),box-shadow var(--l-dur) var(--l-ease)}input::placeholder{color:var(--l-disabled)}input:focus-visible{border-color:var(--l-accent);box-shadow:var(--l-ring)}.pw-wrap{position:relative}.pw-wrap input{padding-right:2.75rem}.pw-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--l-faint);cursor:pointer;border-radius:var(--l-r-sm);transition:color var(--l-dur) var(--l-ease)}.pw-toggle:hover{color:var(--l-ink)}.pw-toggle svg{width:18px;height:18px;display:block}.pw-toggle .icon-off,.pw-toggle.show .icon-on{display:none}.pw-toggle.show .icon-off{display:block}.pw-label-row{display:flex;align-items:center;justify-content:space-between}.pw-label-row a{font-size:.8125rem;color:var(--l-accent);text-decoration:none;font-weight:600}.pw-label-row a:hover{text-decoration:underline}.error-msg{display:none;align-items:center;gap:.5rem;padding:.65rem .85rem;border:1px solid var(--l-danger);background:var(--l-danger-bg);border-radius:var(--l-r-md);font-size:.8125rem;color:var(--l-danger)}.error-msg.show{display:flex}.error-msg:before{content:"";width:16px;height:16px;flex-shrink:0;background-color:var(--l-danger);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><circle cx='12' cy='12' r='10'/><line x1='12' y1='8' x2='12' y2='12'/><line x1='12' y1='16' x2='12.01' y2='16'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><circle cx='12' cy='12' r='10'/><line x1='12' y1='8' x2='12' y2='12'/><line x1='12' y1='16' x2='12.01' y2='16'/></svg>") center / contain no-repeat}.login-btn{position:relative;height:48px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--l-r-md);background:var(--l-navy);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--l-shadow-low);transition:background-color var(--l-dur) var(--l-ease),box-shadow var(--l-dur) var(--l-ease),transform var(--l-dur) var(--l-ease)}.login-btn:hover{background:var(--l-navy-2);box-shadow:var(--l-shadow-medium)}.login-btn:active{transform:scale(.985)}.login-btn:focus-visible{outline:none;box-shadow:var(--l-ring)}.login-btn .spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:l-spin .7s linear infinite}.login-btn.loading{pointer-events:none;opacity:.85}.login-btn.loading .btn-text{display:none}.login-btn.loading .spinner{display:block}@keyframes l-spin{to{transform:rotate(360deg)}}.forgot{text-align:center;font-size:.8125rem;color:var(--l-faint)}.forgot a{color:var(--l-accent);font-weight:600;text-decoration:none}.forgot a:hover{text-decoration:underline}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;background:var(--l-surface-2);border:1px solid var(--l-line);border-radius:var(--l-r-md);font-size:.74rem;color:var(--l-faint)}.security-note svg{flex-shrink:0;color:var(--l-accent)}@media(max-width:920px){body{grid-template-columns:1fr}.left{display:none}.right{padding:2.5rem 1.75rem;align-items:flex-start;min-height:100vh}.login-box{max-width:28rem;margin:0 auto;padding-top:1.5rem}.mobile-hero{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem 1.6rem;margin-bottom:.5rem;border-radius:16px;background:var(--l-navy);color:#fff;position:relative;overflow:hidden}.mobile-hero:before{content:"";position:absolute;inset:0;opacity:.3;background-image:radial-gradient(ellipse 80% 70% at 80% 10%,rgba(91,184,212,.5) 0%,transparent 60%)}.mh-logo-img{position:relative;height:34px;width:auto}.mh-eyebrow{position:relative;font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--l-accent-2)}.mh-tagline{position:relative;font-size:1.4rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}.mh-tagline em{font-style:italic;color:var(--l-accent-2)}}@media(max-width:480px){.right{padding:1.75rem 1.25rem 2.5rem}.login-title{font-size:1.7rem}.left-tagline{font-size:2.1rem}}
