:root{--teal:#00a587;--teal-dark:#087967;--ink:#102522;--muted:#667b77;--line:#dce5e3;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#071f22}body{color:white}.client-portal{min-height:100svh;padding:20px clamp(24px,4vw,72px);position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 72% 28%,#10433f 0,transparent 38%),#071f22}.portal-grid{position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(64,215,185,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(64,215,185,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 60% 40%,#000,transparent 78%)}.portal-nav,.portal-main,.portal-page-footer{width:min(100%,1380px);margin-inline:auto;position:relative;z-index:1}.portal-nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.portal-brand{display:flex;align-items:center;gap:13px}.portal-brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--teal),var(--teal-dark))}.portal-brand img{width:38px}.portal-brand strong{display:block;font-size:20px;letter-spacing:.14em}.portal-brand small{display:block;margin-top:4px;color:#8fb5b0;font:500 8px var(--mono);letter-spacing:.24em;text-transform:uppercase}.portal-online{color:#83cbbd;font:700 9px var(--mono);letter-spacing:.12em}.portal-online i,.portal-status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#2bd1ae;box-shadow:0 0 0 5px rgba(43,209,174,.1)}.portal-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,7vw,110px);align-items:center;padding:50px 0}.portal-intro-panel{max-width:580px}.portal-status{width:max-content;padding:8px 11px;border:1px solid rgba(92,224,198,.3);color:#78dfcb;font:600 8px var(--mono);letter-spacing:.1em}.portal-kicker{margin:35px 0 14px;color:#6fd4c0;font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.12em}.portal-intro-panel h1{margin:0;font-size:clamp(58px,7vw,96px);line-height:.92;letter-spacing:-.065em}.portal-intro-panel h1 span{color:#55d9be}.portal-lead{max-width:520px;margin:24px 0 30px;color:#a9c0c0;font-size:16px;line-height:1.65}.portal-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.portal-metrics div{padding:16px;border-right:1px solid rgba(255,255,255,.12)}.portal-metrics div:last-child{border:0}.portal-metrics strong{display:block;color:#72dfc9;font:650 17px var(--mono)}.portal-metrics span{display:block;margin-top:6px;color:#8ca9a7;font-size:8px;text-transform:uppercase}.portal-flow{display:flex;align-items:center;gap:10px;margin-top:24px;color:#607f7c;font:600 8px var(--mono);letter-spacing:.08em}.portal-flow i{height:1px;flex:1;background:linear-gradient(90deg,#145c52,#25c9aa,#145c52)}.portal-access-panel{padding:clamp(28px,4vw,48px);background:#fff;color:var(--ink);box-shadow:0 34px 90px rgba(0,0,0,.28);position:relative}.portal-access-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--teal),#64ddc6)}.portal-access-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.portal-access-heading p{margin:0 0 9px;color:var(--teal-dark);font:650 9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.portal-access-heading h2{margin:0;font-size:clamp(30px,3vw,42px);letter-spacing:-.04em}.portal-access-heading>span{color:#92a3a0;font:550 8px var(--mono)}.portal-access-help{margin:14px 0 22px;color:var(--muted);font-size:13px}.selected-system{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:12px;border:1px solid #b9d8d1;background:#edf7f4}.selected-system>span{width:40px;height:40px;display:grid;place-items:center;background:var(--teal);color:white;font-weight:800}.selected-system p{margin:0}.selected-system strong,.selected-system small{display:block}.selected-system small{margin-top:4px;color:var(--muted);font-size:10px}.portal-form label{display:flex;flex-direction:column;gap:8px;color:#536663;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.portal-login-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.portal-form input{width:100%;min-height:49px;padding:0 14px;border:1px solid #ccd9d7;background:#f8faf9;color:var(--ink);outline:none}.portal-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,165,135,.08)}.portal-form button{width:100%;min-height:54px;margin-top:18px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--teal);color:white;font-weight:700;cursor:pointer}.portal-form button:hover{background:var(--teal-dark)}.portal-form button:disabled{opacity:.65}.portal-message{margin:13px 0 0;padding:11px 13px;background:#fff0ed;color:#9f3528;font-size:11px}.portal-support{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.portal-support>div{display:flex;align-items:center;gap:12px}.portal-support>div>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #b8d5cf;color:var(--teal-dark);font-weight:750}.portal-support p{margin:0}.portal-support strong,.portal-support small{display:block}.portal-support small{margin-top:3px;color:var(--muted);font-size:9px}.portal-support>b{color:var(--teal-dark);font:700 9px var(--mono)}.portal-page-footer{min-height:45px;display:flex;align-items:center;gap:18px;border-top:1px solid rgba(255,255,255,.12);color:#738f8c;font:550 8px var(--mono);letter-spacing:.08em}.portal-page-footer i{width:6px;height:6px;border-radius:50%;background:#26c9a8}.portal-page-footer strong{color:#81d9c8}.footer-right{margin-left:auto}@media(max-width:950px){.portal-main{grid-template-columns:1fr;padding:40px 0}.portal-intro-panel{max-width:none}.portal-access-panel{max-width:720px;width:100%;margin:auto}}@media(max-width:600px){.client-portal{padding:15px 18px}.portal-main{padding:30px 0}.portal-intro-panel h1{font-size:58px}.portal-metrics{grid-template-columns:1fr}.portal-metrics div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.portal-login-fields{grid-template-columns:1fr}.portal-support{align-items:flex-start;flex-direction:column}.portal-page-footer>span:first-child{display:none}}