:root{color-scheme:light;--ink:#183047;--muted:#5d7080;--blue:#3978b9;--line:#dfe7ee;--green:#28745d}*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.portal{max-width:700px;margin:auto;padding:28px 22px 36px}header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--blue);color:white;font-size:23px;font-weight:700}header strong{display:block;font-size:19px}header span{display:block;font-size:14px;color:var(--muted)}header .private{margin-left:auto;border:1px solid var(--line);border-radius:20px;padding:4px 12px;white-space:nowrap;background:white}.status-card{background:#e8f1fa;border:1px solid #d3e3f3;border-radius:20px;padding:30px}.eyebrow{margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:.09em;color:var(--blue)}h1{font-size:30px;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px;overflow-wrap:anywhere}.status-card p:not(.eyebrow){margin:0;color:var(--muted)}.status-badge{display:inline-block;background:white;color:var(--blue);border-radius:20px;padding:5px 14px;font-weight:600;font-size:14px;margin-top:20px}[hidden]{display:none!important}.appointment,.progress,.eta{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:18px}.appointment{display:grid;grid-template-columns:1fr 1fr;gap:24px}.appointment>div>span,.appointment>div>strong{display:block;overflow-wrap:anywhere}.appointment strong{font-size:19px;font-weight:650;margin:4px 0}.appointment span{color:var(--muted)}.label{font-size:14px;color:var(--muted);display:block}.eta{border-color:#b8dbce;background:#eef8f3}.eta strong{font-size:32px;color:var(--green);display:block}.eta p{font-size:14px;margin:4px 0 0;color:var(--muted)}h2{font-size:19px;margin:0 0 24px}ol{padding:0;margin:0;list-style:none}li{position:relative;display:flex;gap:16px;min-height:90px;color:var(--muted)}li:last-child{min-height:55px}li:not(:last-child):after{content:"";position:absolute;left:17px;top:37px;bottom:3px;width:2px;background:var(--line)}.step-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border:2px solid var(--line);background:#f8fafc;border-radius:50%;font-size:14px;font-weight:600}li strong{display:block;font-weight:600}li div>span{display:block;font-size:14px;margin:3px 0 20px}li.reached{color:var(--ink)}li.reached .step-icon{border-color:var(--green);background:var(--green);color:white}li.current .step-icon{border-color:var(--blue);background:var(--blue);color:white}li.reached:after{background:#9fcbb8}li.current strong{color:var(--blue)}footer{text-align:center;color:var(--muted);padding-top:22px;font-size:14px}footer p{margin:0 0 12px}button{font:inherit;font-weight:600;color:var(--blue);border:1px solid #c5d7e8;border-radius:10px;padding:10px 20px;background:white;cursor:pointer;min-height:44px}button:focus-visible{outline:3px solid #99bfe4;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.privacy{max-width:440px;margin:20px auto 0}#error{border:1px solid #efd6ad;background:#fff7e8;color:#775019;border-radius:12px;padding:16px;margin-top:18px;overflow-wrap:anywhere}@media(max-width:480px){.portal{padding:20px 16px}.status-card{padding:24px}.appointment{grid-template-columns:1fr;gap:20px}header{flex-wrap:wrap}header .private{margin-left:0}h1{font-size:27px}.progress,.appointment,.eta{padding:22px}}
