:root{--ink:#203b67;--blue:#315ea6;--soft:#f4f7fc;--line:#dce5f1;--muted:#5d708d;--gold:#c79539;--shadow:0 16px 45px #12284b14}*{box-sizing:border-box}html{scroll-behavior:smooth}body.solution-page{margin:0;background:#fff;color:var(--ink);font-family:Cairo,Tahoma,sans-serif;line-height:1.85}.solution-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.solution-header{position:sticky;top:0;z-index:1000;background:#ffffffef;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.solution-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.solution-logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:max-content}.solution-logo img{width:43px;height:43px;object-fit:contain}.solution-logo strong{display:block;font-size:20px;line-height:1.1}.solution-logo small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.solution-nav nav{display:flex;gap:21px;align-items:center}.solution-nav nav a{color:#42587b;text-decoration:none;font-size:13px;font-weight:700}.solution-nav nav a:hover,.solution-nav nav a:focus-visible{color:var(--blue)}.solution-actions{display:flex;align-items:center;gap:13px}.solution-login{font-size:12px;font-weight:700;color:var(--ink);text-decoration:none}.solution-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);border-radius:12px;background:var(--blue);color:#fff;text-decoration:none;font:800 13px Cairo,Tahoma,sans-serif;padding:10px 16px;box-shadow:0 7px 18px #315ea625}.solution-button:hover{background:#244d90}.solution-button.ghost{background:#fff;color:var(--blue);box-shadow:none}.solution-hero{background:linear-gradient(140deg,#eff5ff 0%,#fff 59%,#fcf7ed 100%);border-bottom:1px solid #e8edf6;padding:76px 0 64px}.solution-crumbs{font-size:12px;color:var(--muted);margin-bottom:25px}.solution-crumbs a{color:var(--blue);text-decoration:none}.solution-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:center}.solution-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#516b9c;font-size:12px;font-weight:800}.solution-eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold)}.solution-hero h1{font-size:42px;line-height:1.36;letter-spacing:-1px;margin:12px 0 16px}.solution-hero p{font-size:16px;color:#4f6383;max-width:700px;margin:0}.solution-keywords{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0 0;list-style:none}.solution-keywords li{border:1px solid #d8e3f4;border-radius:999px;background:#fff;color:#506a92;font-size:11px;font-weight:700;padding:5px 10px}.solution-hero-mark{display:grid;place-items:center;min-height:230px;border:1px solid #d9e5f5;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.solution-hero-mark img{width:142px;height:142px;object-fit:contain}.solution-main{padding:64px 0}.solution-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:38px}.solution-content{display:grid;gap:22px}.solution-section{border:1px solid var(--line);border-radius:20px;background:#fff;padding:25px 27px;box-shadow:0 8px 26px #19386108}.solution-section h2{font-size:22px;line-height:1.5;margin:0 0 8px}.solution-section p{font-size:14px;color:#586b88;margin:0}.solution-aside{align-self:start;position:sticky;top:102px;display:grid;gap:15px}.solution-aside-card{border-radius:20px;background:var(--ink);color:#fff;padding:23px}.solution-aside-card h2{font-size:19px;margin:0 0 8px}.solution-aside-card p{font-size:12px;line-height:1.8;margin:0 0 15px;color:#e0eaff}.solution-aside-card .solution-button{width:100%;background:#fff;color:var(--ink);border-color:#fff;box-shadow:none}.solution-example{margin-top:6px;border-radius:20px;border:1px solid #f0dfba;background:#fffaf0;padding:25px 27px}.solution-example h2{font-size:20px;margin:0 0 7px}.solution-example p{margin:0;color:#6c5a37;font-size:14px}.solution-faq{margin-top:8px}.solution-faq h2{font-size:24px;margin:0 0 14px}.solution-faq details{border-bottom:1px solid var(--line);padding:14px 0}.solution-faq summary{cursor:pointer;font-size:14px;font-weight:800}.solution-faq p{color:#596c8a;font-size:13px;margin:10px 0 0}.solution-related{border-top:1px solid var(--line);margin-top:20px;padding-top:30px}.solution-related h2{font-size:23px;margin:0 0 13px}.solution-related-links{display:flex;flex-wrap:wrap;gap:10px}.solution-related-links a{border:1px solid #d8e2f0;background:#f8faff;border-radius:12px;color:var(--blue);font-size:12px;font-weight:700;text-decoration:none;padding:10px 12px}.solution-related-links a:hover{background:#eef4fe}.solution-closing{margin-top:56px;border-radius:26px;background:linear-gradient(130deg,#263d69,#315ea6);padding:34px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}.solution-closing h2{font-size:25px;line-height:1.45;margin:0}.solution-closing p{font-size:13px;color:#dbe8ff;margin:5px 0 0}.solution-closing .solution-button{background:#fff;color:var(--ink);border-color:#fff;white-space:nowrap;box-shadow:none}.solution-footer{border-top:1px solid var(--line);padding:28px 0 36px;color:var(--muted);font-size:12px}.solution-footer-inner{display:flex;justify-content:space-between;gap:16px;align-items:center}.solution-footer a{color:var(--blue);text-decoration:none;font-weight:700}@media(max-width:860px){.solution-nav nav{display:none}.solution-hero-grid,.solution-layout{grid-template-columns:1fr}.solution-hero-mark{display:none}.solution-aside{position:static;grid-template-columns:1fr}.solution-hero{padding-top:52px}.solution-hero h1{font-size:35px}.solution-main{padding-top:42px}}@media(max-width:560px){.solution-container{width:calc(100% - 32px)}.solution-nav{min-height:70px;gap:10px}.solution-logo img{width:37px;height:37px}.solution-logo strong{font-size:17px}.solution-logo small{font-size:8px}.solution-login{display:none}.solution-button{font-size:11px;padding:9px 11px}.solution-hero{padding:41px 0}.solution-hero h1{font-size:29px;letter-spacing:-.5px}.solution-hero p{font-size:14px}.solution-keywords li{font-size:10px}.solution-main{padding:34px 0}.solution-section,.solution-example{padding:20px}.solution-section h2{font-size:19px}.solution-section p,.solution-example p{font-size:13px}.solution-closing{display:block;padding:25px 20px}.solution-closing h2{font-size:22px}.solution-closing .solution-button{margin-top:17px;width:100%}.solution-footer-inner{display:block;line-height:2}.solution-footer-inner span{display:block;margin-bottom:7px}}

/* accounts-dues page extension 2026-10-26 */

/* Accounts and dues solution page — 2026-10-26 */
.solution-page--accounts .solution-hero{background:linear-gradient(140deg,#eef5ff 0%,#fff 58%,#fbf7ef 100%)}
.accounts-hero-actions{display:flex;align-items:center;gap:18px;margin-top:26px}.solution-text-link{color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}.solution-text-link:hover{text-decoration:underline}
.accounts-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;list-style:none;counter-reset:step;padding:0;margin:20px 0 0}.accounts-process li{position:relative;border:1px solid #dce7f6;border-radius:16px;background:#f8fbff;padding:17px 15px 15px 47px;counter-increment:step}.accounts-process li:before{content:counter(step);position:absolute;inset:15px auto auto 15px;width:23px;height:23px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:900;line-height:23px;text-align:center}.accounts-process strong,.accounts-process span{display:block}.accounts-process strong{font-size:14px}.accounts-process span{margin-top:5px;color:#5c6e89;font-size:12px;line-height:1.8}
.solution-screen{margin:2px 0 0;border:1px solid #dbe5f1;border-radius:20px;overflow:hidden;background:#f5f8fd;box-shadow:0 12px 28px #1938610c}.solution-screen img{display:block;width:100%;height:auto;background:#edf2f8}.solution-screen figcaption{padding:12px 15px;color:#5c6e89;font-size:12px;line-height:1.8}.accounts-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.accounts-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.accounts-feature-grid article{border:1px solid var(--line);border-radius:17px;background:#fff;padding:19px;box-shadow:0 8px 24px #19386108}.accounts-feature-grid h2{font-size:17px;line-height:1.55;margin:0 0 6px}.accounts-feature-grid p{margin:0;color:#5a6e8a;font-size:12px;line-height:1.85}
.accounts-mobile-section{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;align-items:center}.solution-screen--mobile{width:210px;justify-self:end}.solution-screen--mobile figcaption{font-size:10px}.accounts-aside-note{border:1px solid #dce5f1;border-radius:18px;background:#f8fbff;padding:17px;color:#50647f;font-size:12px;line-height:1.85}.accounts-aside-note strong,.accounts-aside-note span{display:block}.accounts-aside-note strong{color:var(--ink);font-size:13px;margin-bottom:5px}
@media(max-width:860px){.accounts-process{grid-template-columns:1fr}.accounts-screens{grid-template-columns:1fr}.accounts-mobile-section{grid-template-columns:1fr}.solution-screen--mobile{justify-self:center}.accounts-aside-note{display:none}}
@media(max-width:560px){.accounts-hero-actions{gap:14px;margin-top:21px}.accounts-process li{padding:16px 43px 14px 14px}.accounts-process li:before{inset:14px 14px auto auto}.accounts-feature-grid{grid-template-columns:1fr}.solution-screen{border-radius:16px}.solution-screen figcaption{padding:10px 12px;font-size:11px}.solution-screen--mobile{width:min(210px,72vw)}}