body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #2d3748; background: #f5f4f0; line-height: 1.55; margin: 0; -webkit-font-smoothing: antialiased; }
  a { color: #d96100; text-decoration: none; } a:hover { text-decoration: underline; }
  .topbar { background: #071d49; padding: 14px 24px; }
  .topbar .brand { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; display: inline-block; }
  .topbar .brand:hover { text-decoration: none; }
  .topbar .brand span { color: #f26a00; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; display: block; }
  .wrap { max-width: 720px; margin: 2.5rem auto; padding: 0 1.5rem; }
  .card { background: #fff; border: 1px solid #e6e4dd; border-radius: 12px; padding: 1.8rem; }
  h1 { font-size: 1.4rem; color: #071d49; margin: 0 0 0.3rem; }
  .lead { color: #6b7280; font-size: 0.95rem; margin-bottom: 1.4rem; }
  .steps { display: flex; gap: 0.4rem; margin-bottom: 1.4rem; }
  .step-dot { flex: 1; height: 4px; border-radius: 2px; background: #e6e4dd; }
  .step-dot.on { background: #f26a00; }
  label { display: block; font-weight: 600; font-size: 0.85rem; margin-bottom: 0.3rem; }
  input[type=text], input[type=email], input[type=tel], input[type=password] {
    width: 100%; padding: 0.6rem 0.75rem; font-size: 0.95rem; border: 1px solid #e6e4dd;
    border-radius: 6px; font-family: inherit; box-sizing: border-box; margin-bottom: 0.9rem;
  }
  input:focus { outline: none; border-color: #f26a00; box-shadow: 0 0 0 3px rgba(255,114,0,0.12); }
  .hint { color: #9ca7b8; font-size: 0.8rem; margin: -0.7rem 0 0.9rem; }
  .pw-checks { list-style: none; margin: -0.4rem 0 0.9rem; padding: 0; font-size: 0.83rem; }
  .pw-checks li { display: flex; align-items: center; gap: 7px; color: #9ca7b8; margin: 3px 0; }
  .pw-checks .tick { width: 16px; height: 16px; border-radius: 50%; background: #e6e4dd; color: #fff; font-size: 11px; line-height: 16px; text-align: center; font-weight: 700; flex: none; }
  .pw-checks li.met { color: #2f7d4f; }
  .pw-checks li.met .tick { background: #2f9e44; }
  .code-input { letter-spacing: 8px; font-size: 1.4rem; text-align: center; font-weight: bold; }
  .btn { background: #f26a00; color: white; border: none; padding: 0.7rem 1.4rem; font-size: 0.95rem; font-weight: 600; border-radius: 6px; cursor: pointer; font-family: inherit; width: 100%; }
  .btn:hover { background: #d96100; }
  .flash { padding: 0.7rem 1rem; border-radius: 6px; margin-bottom: 1.1rem; font-size: 0.9rem; }
  .flash.err { background: #fef2f2; border: 1px solid #c53030; color: #c53030; }
  .flash.err ul { margin: 0.3rem 0 0; padding-left: 1.1rem; }
  .foot { text-align: center; margin-top: 1.2rem; font-size: 0.88rem; color: #6b7280; }
  .join-intro { margin-bottom: 1.6rem; }
  .join-intro .eyebrow { color: #34756b; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 .6rem; }
  .join-intro h1 { font-size: clamp(1.8rem, 5vw, 2.4rem); line-height: 1.15; margin-bottom: .8rem; }
  .join-intro > p { color: #526071; margin: 0 0 1rem; }
  .join-benefits { list-style: none; padding: 0; margin: 1rem 0; }
  .join-benefits li { position: relative; padding: .6rem 0 .6rem 1.6rem; border-bottom: 1px solid #e0e5e8; font-size: .94rem; }
  .join-benefits li::before { content: '\2713'; position: absolute; left: 0; color: #34756b; font-weight: 700; }
  .join-intro .join-note { font-size: .85rem; margin-bottom: 0; }
  .form-title { font-size: 1.3rem; color: #071d49; margin: 0 0 .3rem; }

    #pm-registration-design{--pm-bg:light-dark(#f5f6f8,#101923);--pm-surface:light-dark(#ffffff,#192532);--pm-navy:light-dark(#10294b,#e5eefb);--pm-text:light-dark(#364456,#d6dfeb);--pm-muted:light-dark(#5d6b7b,#afbdce);--pm-line:light-dark(#dee5eb,#374757);--pm-teal:light-dark(#347b70,#89c3b6);--pm-soft:light-dark(#edf5f2,#223e3a);font-family:"Segoe UI",Arial,sans-serif;background:var(--pm-bg);color:var(--pm-text);line-height:1.55;border-radius:12px;overflow:hidden;color-scheme:light}
    #pm-registration-design *{box-sizing:border-box}
    #pm-registration-design{--pm-navy:light-dark(#303944,#e5e7eb);--pm-text:light-dark(#36404b,#d6dce3);--pm-line:light-dark(#e1e4e8,#41454d)}
    #pm-registration-design .pm-top{padding:18px 30px;background:linear-gradient(110deg,light-dark(#285c50,#204b40) 0%,light-dark(#568778,#39675a) 100%);color:#ffffff;border-bottom:1px solid light-dark(#356b5c,#365d50);display:flex;align-items:center;justify-content:space-between;gap:16px}
    #pm-registration-design .pm-brand{font-size:20px;font-weight:700;letter-spacing:-.5px}
    #pm-registration-design .pm-brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1.8px;color:#e4f1eb;text-transform:uppercase;margin-top:2px}
    #pm-registration-design .pm-top span{font-size:13px;color:#e4f1eb}
    #pm-registration-design .pm-main{max-width:860px;padding:42px 32px;margin:auto}
    #pm-registration-design .pm-kicker{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--pm-teal);margin:0 0 14px}
    #pm-registration-design h1{color:var(--pm-navy);font-size:42px;line-height:1.12;letter-spacing:-1.4px;font-weight:700;margin:0 0 20px;max-width:660px}
    #pm-registration-design .pm-lead{font-size:19px;color:var(--pm-text);max-width:700px;margin:0 0 14px;line-height:1.55}
    #pm-registration-design .pm-sub{font-size:15px;color:var(--pm-muted);max-width:650px;margin:0}
    #pm-registration-design .pm-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
    #pm-registration-design .pm-benefit{border-top:3px solid var(--pm-teal);padding:18px 16px;background:var(--pm-soft);border-radius:10px}
    #pm-registration-design .pm-benefit:nth-child(2){background:light-dark(#edf3fb,#223347);border-top-color:light-dark(#6e92b9,#96b7db)}
    #pm-registration-design .pm-benefit:nth-child(2) .pm-icon{color:light-dark(#426a95,#a2c6ec);background:light-dark(#e0eaf7,#304960)}
    #pm-registration-design .pm-benefit:nth-child(3){background:light-dark(#f5f0fa,#332a40);border-top-color:light-dark(#a58ab6,#bf9ed5)}
    #pm-registration-design .pm-benefit:nth-child(3) .pm-icon{color:light-dark(#806393,#ccb1df);background:light-dark(#ebe2f3,#493a58)}
    #pm-registration-design .pm-icon{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:14px;background:var(--pm-soft);color:var(--pm-teal);margin-bottom:14px}
    #pm-registration-design .pm-icon svg{width:32px;height:32px}
    #pm-registration-design h2{color:var(--pm-navy);font-size:17px;line-height:1.35;font-weight:650;margin:0 0 9px}
    #pm-registration-design .pm-benefit p{font-size:14px;margin:0;color:var(--pm-muted)}
    #pm-registration-design .pm-cta{display:inline-flex;align-items:center;gap:12px;background:light-dark(#285c50,#9bcabb);color:light-dark(#ffffff,#183b31);font-size:15px;font-weight:650;padding:13px 22px;border-radius:9px;text-decoration:none;border:0;font-family:inherit}
    #pm-registration-design .pm-cta:hover{background:light-dark(#204c42,#b1dacd)}
    #pm-registration-design .pm-cta svg{width:18px;height:18px}
    #pm-registration-design .pm-free{font-size:12px;margin:10px 0 0;color:var(--pm-muted)}
    #pm-registration-design .pm-existing{font-size:14px;margin:23px 0 0;padding-left:13px;border-left:3px solid var(--pm-line);color:var(--pm-muted)}
    #pm-registration-design [hidden]{display:none!important}
    #pm-registration-design .pm-form-panel{background:var(--pm-surface);border:1px solid var(--pm-line);border-radius:12px;padding:26px;margin:0 auto;max-width:620px}
    #pm-registration-design .pm-back{display:inline-flex;align-items:center;gap:8px;background:var(--pm-surface);border:1px solid var(--pm-line);border-radius:8px;padding:10px 14px;color:var(--pm-navy);font:inherit;font-size:13px;margin-bottom:22px}
    #pm-registration-design .pm-back svg{width:16px;height:16px}
    #pm-registration-design .pm-time{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--pm-teal);margin-top:12px}
    #pm-registration-design .pm-time svg{width:16px;height:16px}
    #pm-registration-design .pm-form-panel h2{font-size:23px;margin-bottom:7px}
    #pm-registration-design .pm-form-panel>p{font-size:14px;color:var(--pm-muted);margin:0 0 22px}
    #pm-registration-design .pm-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    #pm-registration-design label{display:block;font-size:13px;font-weight:600;color:var(--pm-text)}
    #pm-registration-design label span{font-weight:400;color:var(--pm-muted)}
    #pm-registration-design input[type=text],#pm-registration-design input[type=email]{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--pm-line);border-radius:7px;background:var(--pm-surface);color:var(--pm-text);font-family:inherit;font-size:16px}
    #pm-registration-design input::placeholder{color:var(--pm-muted)}
    #pm-registration-design .pm-wide{grid-column:1/-1}
    #pm-registration-design .pm-hint{font-size:12px;font-weight:400;color:var(--pm-muted);margin:7px 0 0}
    #pm-registration-design .pm-drafts{font-size:12px;padding:12px 14px;background:var(--pm-soft);border-radius:8px;color:var(--pm-text);margin:20px 0 14px}
    #pm-registration-design .pm-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:400;margin:10px 0}
    #pm-registration-design .pm-check input{flex-shrink:0;margin-top:4px;accent-color:var(--pm-teal)}
    #pm-registration-design .pm-document{color:var(--pm-teal);font-weight:600}
    #pm-registration-design .pm-submit{width:100%;justify-content:center;margin-top:15px}
    #pm-registration-design .pm-login{text-align:center;font-size:13px;margin:17px 0 0;color:var(--pm-muted)}
    #pm-registration-design .pm-login button{background:none;border:0;color:var(--pm-teal);font:inherit;font-weight:600;padding:3px}
    #pm-registration-design .pm-preview-status{font-size:13px;margin-top:14px;color:var(--pm-teal)}
    @media(max-width:620px){#pm-registration-design .pm-main{padding:30px 20px}#pm-registration-design .pm-top{padding:16px 20px}#pm-registration-design .pm-top>span{display:none}#pm-registration-design h1{font-size:34px}#pm-registration-design .pm-lead{font-size:17px}#pm-registration-design .pm-benefits{grid-template-columns:1fr;gap:20px}#pm-registration-design .pm-benefit{display:grid;grid-template-columns:56px 1fr;column-gap:12px}#pm-registration-design .pm-benefit p{grid-column:2}#pm-registration-design .pm-icon{grid-row:1/3}#pm-registration-design .pm-fields{grid-template-columns:1fr}#pm-registration-design .pm-form-panel{padding:20px}#pm-registration-design .pm-cta{justify-content:center;width:100%}}

#pm-registration-design .wrap{max-width:860px;margin:0 auto;padding:42px 32px}
#pm-registration-design .card{max-width:620px;margin:auto;background:#fff;border-color:#dee5eb}
#pm-registration-design .btn{background:#285c50;border-radius:9px}
#pm-registration-design .btn:hover{background:#204c42}
#pm-registration-design a{color:#285c50}
#pm-registration-design a.pm-cta{color:#fff}
#pm-registration-design .pm-brand{color:#fff;text-decoration:none}
#pm-registration-design .step-dot.on{background:#347b70}
#pm-registration-design input:focus{outline:2px solid #347b70;outline-offset:2px;box-shadow:none;border-color:#347b70}
#pm-registration-design .hint{color:#5d6b7b}
#pm-registration-design .form-title,#pm-registration-design .card h1{color:#303944}
#pm-registration-design .pm-registration-back{display:inline-block;background:#fff;border:1px solid #dee5eb;border-radius:8px;padding:10px 14px;margin-bottom:22px;text-decoration:none;font-size:13px}
#pm-registration-design .pm-draft-note{background:#edf5f2;border:1px solid #d2e4dc;border-radius:9px;padding:12px;margin-top:16px}
@media(max-width:620px){#pm-registration-design .wrap{padding:30px 20px}}

#pm-registration-design .card h1{font-size:23px;line-height:1.3}

/* Match the pharmacist platform's two-tone primary actions. */
#pm-registration-design .pm-cta,#pm-registration-design .btn{background:linear-gradient(110deg,#285c50 0%,#467665 100%);border-color:#285c50;color:#fff}
#pm-registration-design .pm-cta:hover,#pm-registration-design .btn:hover{background:linear-gradient(110deg,#204c42 0%,#386453 100%);border-color:#204c42;color:#fff}