roles-component{display:block;contain:layout paint style}roles-component,roles-component *{box-sizing:border-box}roles-component #roles-root{position:relative;padding:28px 0 64px;max-width:1500px;margin:0 auto;overflow:visible;background:transparent}roles-component #roles-root::before{content:"";position:absolute;top:12px;left:8px;right:8px;bottom:0;border-radius:28px;background:linear-gradient(95deg,#efe3ff 0%,#e9f7ff 35%,#fff2e1 70%,#eafbea 100%);z-index:0}roles-component .pn-roles-page{width:100%;margin:0;padding:0}roles-component .pn-hero-title-strip{text-align:center;padding:16px 0 10px;position:relative;z-index:1}roles-component .pn-hero-title-strip h1{font-size:3.2rem;font-weight:800;color:#22408a;margin:0;line-height:1.18}roles-component .pn-hero-title-strip h1 small{display:block;font-size:1.8rem;font-weight:700;color:#22408a;margin-top:7px}roles-component .pn-hero-viber-bg{width:100%;position:relative;z-index:1}roles-component .pn-hero-viber-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:36px;max-width:900px;width:100%;margin:10px auto 0;position:relative}roles-component .pn-hero-viber-card{background:#fff;border-radius:23px;box-shadow:0 8px 28px rgba(44,90,78,.1);padding:29px 24px 24px;max-width:370px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(15,23,42,.06)}roles-component .pn-hero-card-title-bg{background:linear-gradient(90deg,#e3f1ff 0%,#badaff 100%);color:#22408a;border-radius:13px;padding:10px 18px;margin:10px 0 18px;font-size:1.45rem;font-weight:700;display:inline-block}roles-component .pn-hero-viber-card p{color:#222;font-size:1.07rem;margin:0 0 14px;line-height:1.6}roles-component .pn-hero-viber-btn{background:#6d64e8;color:#fff!important;font-weight:700;font-size:1.05rem;border:none;border-radius:11px;padding:11px 28px;text-decoration:none;box-shadow:0 2px 12px rgba(123,92,247,.13);transition:background 0.13s,box-shadow 0.15s;display:inline-flex;align-items:center;justify-content:center}roles-component .pn-hero-viber-btn.alt{background:#22408a}roles-component .pn-hero-viber-btn:hover{background:#4c50e0;box-shadow:0 8px 24px rgba(123,92,247,.18)}roles-component .pn-hero-viber-link-connector-between{display:flex;align-items:center;justify-content:center;width:85px;height:38px}@media (max-width:540px){roles-component #roles-root{padding:32px 0 72px}roles-component #roles-root::before{top:8px;left:6px;right:6px;border-radius:22px}roles-component .pn-hero-title-strip h1{font-size:25px;line-height:1.22}roles-component .pn-hero-title-strip h1 small{font-size:1.52rem;margin-top:8px}roles-component .pn-hero-viber-row{flex-direction:column;align-items:center;gap:0;max-width:520px;margin:0 auto}roles-component .pn-hero-viber-card.pharmacist{margin-bottom:28px}roles-component .pn-hero-viber-card.citizen{margin-top:28px}roles-component .pn-hero-viber-link-connector-between{width:72px;height:32px}roles-component .pn-hero-card-title-bg{font-size:1.32rem;padding:10px 13px;margin:8px 0 12px}}@media (prefers-reduced-motion:reduce){roles-component .pn-hero-viber-btn{transition:none}}