.client-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.client-family{padding:25px;border:1px solid #d9eaf5;border-radius:17px;background:#f8fcffeb}.client-family-label{display:inline-block;padding:5px 11px;border-radius:18px;background:#e6f3fd;color:#4e85a8;font-size:10px}.client-family h3{font-size:23px;color:#265b81;line-height:1.5;margin:15px 0 10px;font-weight:650}.client-family p{color:#60849d;font-size:13px;line-height:1.95;margin:0}.invisible-clients .owner-table{margin-top:24px}.invisible-clients .owner-table table{min-width:540px}.invisible-clients .invisible-note{margin-top:19px}@media(max-width:700px){.client-family-grid{grid-template-columns:1fr;gap:14px;margin-top:20px}.client-family{padding:22px 20px}.client-family h3{font-size:21px}.client-family p{font-size:12px}.client-family-label{font-size:10px}.invisible-clients .owner-table{margin-top:20px}}
.client-access-guide>ol{margin:12px 0 16px;padding-left:21px}.client-access-guide>ol>li{font-size:12px;line-height:2;color:#60849d;margin:7px 0}.client-access-guide>ol>li b{font-size:12px}.client-access-guide .textlink{font-size:12px}
.client-code-inline{display:inline-block;padding:1px 7px;margin:0 4px;border:1px solid #c9e5f6;border-radius:5px;background:#eaf6ff;color:#236c98;font-size:13px;letter-spacing:1px}.mobile-login-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.mobile-login-heading h3{margin:8px 0 0}.client-code-box{display:flex;flex-direction:column;align-items:center;padding:12px 23px;min-width:150px;background:#fff8df;border:1px solid #eedb9f;border-radius:12px}.client-code-box>span{font-size:10px;color:#997d34}.client-code-box>code{font-size:32px;font-weight:650;color:#326d94;letter-spacing:5px;line-height:1.45;margin:3px 0 0}.mobile-access-guide{background:linear-gradient(130deg,#f2f9ff,#fbfdff)}@media(max-width:700px){.mobile-login-heading{flex-direction:column;align-items:flex-start;gap:17px}.client-code-box{align-items:flex-start;padding:11px 18px;min-width:150px}.client-code-box>code{font-size:30px}.mobile-login-heading h3{font-size:18px;line-height:1.6}}
.mobile-access-guide>.mobile-login-heading{display:flex;grid-template-columns:none;gap:20px}.mobile-access-guide .client-code-box{flex:0 0 auto}