:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#24302e;background:#f5f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:32px 36px 40px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:29px;letter-spacing:-1px;font-weight:800;color:#203c34;text-decoration:none}.brand span{font-size:12px;letter-spacing:.6px;font-weight:600;margin-left:16px}.badge{border:1px solid #ccd9cb;border-radius:30px;padding:8px 14px;font-size:12px;background:#edf2e8}.intro{max-width:680px;padding:66px 0 26px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#42644f;font-weight:750}h1{font-size:clamp(38px,5.5vw,65px);line-height:1.09;letter-spacing:-2.3px;margin:18px 0}p{line-height:1.6}.intro p{max-width:590px;font-size:18px;color:#55605a}.access{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;background:white;border:1px solid #e0e5dd;border-radius:16px;margin-bottom:20px}label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}input,select{width:100%;min-height:48px;padding:10px 14px;border:1px solid #aebbb0;border-radius:8px;font:inherit;background:#fff;color:#24302e}small{display:block;margin-top:8px;color:#68726c;font-size:12px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:18px}.role{display:flex;align-items:center;gap:18px;text-align:left;padding:26px;min-height:140px;border:1px solid #204c3a;border-radius:16px;background:#254f3e;color:white;font:inherit;cursor:pointer}.role.patient{background:#e8e5f1;color:#393349;border-color:#d3ccdf}.role strong{display:block;font-size:20px;margin-bottom:10px;letter-spacing:-.4px}.role span span{display:block;font-size:14px;line-height:1.55;opacity:.87}.role-icon{font-size:36px;font-weight:300}.role>span:last-child{margin-left:auto;font-size:25px}.role:hover{filter:brightness(1.06)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d68019;outline-offset:4px}.role:disabled{opacity:.6;cursor:wait}#message{min-height:24px;color:#994028}#current{margin:20px 0}.continue{display:inline-block;text-decoration:none;color:#254f3e;font-weight:700;padding:14px 0}#logout{margin-left:20px;background:none;border:1px solid #aebbb0;padding:12px;border-radius:8px;color:#24302e;cursor:pointer;min-height:44px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:38px 0;border-bottom:1px solid #dce2d8}.steps b{color:#6b7f6e;font-size:12px}.steps h2{font-size:17px;margin:12px 0 6px}.steps p{color:#67716b;font-size:14px;margin:0}footer{padding-top:26px;font-size:12px;color:#657169}footer p{max-width:900px;margin-top:6px}footer strong{color:#3c5043}[hidden]{display:none!important}@media(max-width:700px){main{padding:22px}.brand span{display:block;margin:0;font-size:10px}.intro{padding-top:44px}.roles,.access{grid-template-columns:1fr}.steps{gap:20px;grid-template-columns:1fr}.role{min-height:120px}.badge{font-size:10px}.intro p{font-size:16px}.steps p{max-width:460px}}