:root{--jade950:#063a32;--jade900:#074d40;--jade800:#086451;--jade700:#0d7962;--jade600:#159176;--jade500:#25a989;--jade100:#dff5ee;--jade50:#f2fbf8;--ink:#17211f;--muted:#66736f;--line:#dfe7e4;--surface:#fff;--bg:#f4f7f6;--red:#e5252a;--orange:#e8812d;--yellow:#dca72f;--blue:#2e72bf;--shadow:0 12px 30px rgba(14,46,39,.08)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}
.logo{width:68px;height:42px;flex:none}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:17px;letter-spacing:-.02em}.brand-copy span{font-size:10px;margin-top:3px;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;color:rgba(255,255,255,.62)}
.login{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr);background:#fff}.login-left{padding:clamp(32px,5vw,72px);background:radial-gradient(circle at 10% 90%,rgba(37,169,137,.21),transparent 36%),linear-gradient(145deg,#052f29,var(--jade900));color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-copy{max-width:590px;margin:auto 0}.eyebrow{color:var(--jade700);font-size:10px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.login-copy .eyebrow{color:#6fe0c4}.login-copy h1{font-size:clamp(48px,6vw,82px);margin:9px 0 20px;line-height:.95;letter-spacing:-.06em}.login-copy p{max-width:560px;margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.65;color:rgba(255,255,255,.73)}.feature-strip{display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.72);font-size:12px;font-weight:700}.feature-strip span{display:flex;align-items:center;gap:7px;white-space:nowrap}.feature-strip b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#fff;background:rgba(37,169,137,.36)}.feature-strip i{height:1px;flex:1;max-width:40px;background:rgba(255,255,255,.22)}.role-panel{padding:clamp(32px,5vw,72px);display:flex;justify-content:center;flex-direction:column;max-width:820px;width:100%;margin:auto}.role-panel h2{margin:8px 0 5px;font-size:clamp(32px,4vw,48px);letter-spacing:-.045em}.role-panel>p{color:var(--muted);margin:0}.role-grid{display:grid;gap:13px;margin-top:32px}.role-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:18px;padding:19px;display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;transition:.18s;box-shadow:0 4px 16px rgba(14,46,39,.03)}.role-card:hover{transform:translateY(-2px);border-color:var(--jade500);box-shadow:var(--shadow)}.avatar{width:34px;height:34px;border-radius:11px;display:inline-grid;place-items:center;background:var(--jade100);color:var(--jade800);font-size:11px;font-weight:850;flex:none}.avatar.lg{width:48px;height:48px;border-radius:15px;font-size:14px}.role-copy{display:flex;flex-direction:column;min-width:0}.role-copy .role-label{color:var(--jade700);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.role-copy strong{font-size:17px;margin-top:3px}.role-copy small{color:var(--muted);font-size:11px;margin-top:2px}.role-copy p{color:var(--muted);font-size:12px;margin:7px 0 0}.role-arrow{margin-left:auto;width:36px;height:36px;border-radius:12px;background:var(--jade50);color:var(--jade700);display:grid;place-items:center;font-size:20px}.demo-note,.context-banner{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;line-height:1.5}.demo-note{margin-top:24px}.context-banner{padding:13px 16px;border:1px solid #c9e9df;background:var(--jade50);border-radius:12px;color:var(--jade900)}