/* SMM Provider Hub — Premium Futuristic Public UI (2026)
   Presentation-only layer. Existing routes, forms, IDs and business logic remain untouched. */
:root{
  --sph-bg:#05060b;
  --sph-bg-soft:#0a0c16;
  --sph-surface:#0e1120;
  --sph-surface-2:#131629;
  --sph-surface-3:#171b31;
  --sph-border:rgba(255,255,255,.08);
  --sph-border-strong:rgba(255,255,255,.14);
  --sph-text:#f1f3fb;
  --sph-muted:#9ba1b8;
  --sph-faint:#69708b;
  --sph-violet:#7c6cf6;
  --sph-blue:#5b8cff;
  --sph-cyan:#33e0d8;
  --sph-pink:#f65ca0;
  --sph-success:#55dfa1;
  --sph-warning:#ffc45d;
  --sph-danger:#ff6b7d;
  --sph-gradient:linear-gradient(135deg,#7c6cf6 0%,#5b8cff 52%,#33e0d8 100%);
  --sph-shadow:0 28px 70px -34px rgba(0,0,0,.9),0 0 50px rgba(124,108,246,.08);
  --sph-radius-xl:24px;
  --sph-radius-lg:18px;
  --sph-radius-md:13px;
}
html{scroll-behavior:smooth;background:var(--sph-bg)}
body{
  background:
    radial-gradient(900px 600px at 8% -10%,rgba(124,108,246,.17),transparent 58%),
    radial-gradient(750px 560px at 100% 4%,rgba(51,224,216,.08),transparent 55%),
    var(--sph-bg)!important;
  color:var(--sph-text)!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 74%)}
h1,h2,h3,h4,h5,h6,.card-title,.modal-title{font-family:"Space Grotesk",Inter,sans-serif!important;color:var(--sph-text)!important;letter-spacing:-.02em}
p,.text-muted,.text-secondary,.card-text{color:var(--sph-muted)!important}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
a:hover{text-decoration:none}

/* Public navigation */
#headerNav,.header.fixed-top,.header-top.fixed-top{
  background:rgba(5,6,11,.82)!important;
  border-bottom:1px solid var(--sph-border)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
#headerNav .navbar,#headerNav .container,.header-top .container{min-height:72px}
#headerNav .navbar-brand img,.header-top .navbar-brand img{max-height:44px;width:auto;filter:none!important}
#headerNav .nav-link,.header-top .nav-link{color:var(--sph-muted)!important;font-weight:600!important;font-size:14px!important}
#headerNav .nav-link:hover,#headerNav .nav-item.active>.nav-link,.header-top .nav-link:hover{color:var(--sph-text)!important}
.navbar-toggler{border:1px solid var(--sph-border-strong)!important;background:rgba(255,255,255,.04)!important;border-radius:11px!important;color:var(--sph-text)!important}

/* Public page frame */
.page,.page-main{background:transparent!important}
.page>.page-main>.my-3,.page>.page-main>.my-md-5{margin-top:2rem!important}
.container{max-width:1240px}

/* Cards / panels */
.card,.panel,.list-group-item,.blog-card,.service-item,.pricing-card,.box,.well{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  border:1px solid var(--sph-border)!important;
  border-radius:var(--sph-radius-lg)!important;
  color:var(--sph-text)!important;
  box-shadow:var(--sph-shadow);
}
.card-header,.card-footer,.panel-heading,.panel-footer{background:rgba(255,255,255,.025)!important;border-color:var(--sph-border)!important;color:var(--sph-text)!important}
.card:hover{border-color:rgba(124,108,246,.28)!important}

/* Buttons */
.btn{border-radius:11px!important;font-weight:700!important;letter-spacing:-.01em!important;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.22s ease!important}
.btn-primary,.btn-info,.btn-indigo,.bg-indigo,.btn-submit:not(.btn-danger){background:var(--sph-gradient)!important;border-color:transparent!important;color:#070810!important;box-shadow:0 9px 26px rgba(91,140,255,.22)!important}
.btn-primary:hover,.btn-info:hover,.btn-indigo:hover,.btn-submit:not(.btn-danger):hover{transform:translateY(-1px);box-shadow:0 13px 34px rgba(91,140,255,.34)!important;color:#05060b!important}
.btn-outline-primary,.btn-secondary,.btn-light,.btn-default,.btn-login{background:rgba(255,255,255,.045)!important;border:1px solid var(--sph-border-strong)!important;color:var(--sph-text)!important}
.btn-outline-primary:hover,.btn-secondary:hover,.btn-light:hover,.btn-default:hover,.btn-login:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(124,108,246,.48)!important;color:#fff!important}
.btn-success{background:rgba(85,223,161,.16)!important;border-color:rgba(85,223,161,.38)!important;color:#8ff0c2!important}
.btn-warning{background:rgba(255,196,93,.14)!important;border-color:rgba(255,196,93,.34)!important;color:#ffd68c!important}
.btn-danger{background:rgba(255,107,125,.14)!important;border-color:rgba(255,107,125,.34)!important;color:#ff9bab!important}

/* Forms */
.form-control,.custom-select,.selectize-input,.selectize-control.single .selectize-input,.input-group-text,textarea.form-control{
  background:#0b0e1a!important;
  border:1px solid var(--sph-border-strong)!important;
  color:var(--sph-text)!important;
  border-radius:11px!important;
  min-height:44px;
  box-shadow:none!important;
}
.form-control:focus,.custom-select:focus,.selectize-input.focus,.selectize-input.input-active{border-color:rgba(124,108,246,.78)!important;box-shadow:0 0 0 3px rgba(124,108,246,.13)!important;background:#0d1020!important;color:#fff!important}
.form-control::placeholder,textarea::placeholder{color:#646b83!important}
label,.form-label,.col-form-label{color:#cbd0e0!important;font-weight:600!important}
.input-group-addon,.input-group-prepend,.input-group-append{color:var(--sph-muted)}
.selectize-dropdown{background:#0e1120!important;border-color:var(--sph-border-strong)!important;color:var(--sph-text)!important;box-shadow:0 18px 50px rgba(0,0,0,.48)!important}
.selectize-dropdown .option{color:var(--sph-text)!important}
.selectize-dropdown .active{background:rgba(124,108,246,.16)!important;color:#fff!important}

/* Tables */
.table-responsive{border-radius:var(--sph-radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--sph-border);background:rgba(14,17,32,.72)}
.table{color:var(--sph-text)!important;margin-bottom:0!important;min-width:720px;background:transparent!important}
.table thead th{background:rgba(124,108,246,.08)!important;color:#d9dcf0!important;border-color:var(--sph-border)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
.table td,.table th{border-color:var(--sph-border)!important;vertical-align:middle!important}
.table tbody tr{background:transparent!important;transition:background .18s ease}
.table tbody tr:hover{background:rgba(255,255,255,.035)!important}
.table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.018)!important}

/* Badges / alerts */
.badge{border-radius:999px!important;padding:.42em .72em!important;font-weight:700!important}
.badge-primary,.badge-info{background:rgba(124,108,246,.18)!important;color:#c9c3ff!important;border:1px solid rgba(124,108,246,.32)}
.badge-success{background:rgba(85,223,161,.13)!important;color:#8ff0c2!important;border:1px solid rgba(85,223,161,.26)}
.badge-warning{background:rgba(255,196,93,.13)!important;color:#ffd68c!important;border:1px solid rgba(255,196,93,.26)}
.badge-danger{background:rgba(255,107,125,.13)!important;color:#ff9bab!important;border:1px solid rgba(255,107,125,.26)}
.alert{border-radius:13px!important;border:1px solid var(--sph-border-strong)!important;background:rgba(255,255,255,.04)!important;color:var(--sph-text)!important}

/* Modal/dropdown/pagination */
.modal-content{background:#0d101d!important;color:var(--sph-text)!important;border:1px solid var(--sph-border-strong)!important;border-radius:20px!important;box-shadow:0 35px 100px rgba(0,0,0,.72)!important;overflow:hidden}
.modal-header,.modal-footer{border-color:var(--sph-border)!important;background:rgba(255,255,255,.02)!important}
.close{color:#fff!important;text-shadow:none!important;opacity:.75!important}
.dropdown-menu{background:#0e1120!important;border:1px solid var(--sph-border-strong)!important;border-radius:13px!important;box-shadow:0 22px 55px rgba(0,0,0,.5)!important;padding:7px!important}
.dropdown-item{color:var(--sph-muted)!important;border-radius:8px!important}
.dropdown-item:hover,.dropdown-item:focus,.dropdown-item.active{background:rgba(124,108,246,.13)!important;color:#fff!important}
.pagination .page-link{background:#0e1120!important;border-color:var(--sph-border)!important;color:var(--sph-muted)!important}
.pagination .page-item.active .page-link{background:var(--sph-gradient)!important;color:#05060b!important;border-color:transparent!important}

/* Auth pages already have custom markup; upgrade it without altering fields/actions. */
.sph-auth-page{min-height:100vh;background:var(--sph-bg)!important}
.sph-auth-shell{min-height:100vh;display:flex;align-items:center;padding:40px 0;background:radial-gradient(700px 500px at 10% 10%,rgba(124,108,246,.2),transparent 60%),radial-gradient(600px 500px at 95% 15%,rgba(51,224,216,.09),transparent 58%)}
.sph-auth-container{max-width:1120px!important}
.sph-auth-card{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;background:rgba(14,17,32,.84)!important;border:1px solid var(--sph-border-strong)!important;border-radius:26px!important;overflow:hidden!important;box-shadow:0 38px 100px rgba(0,0,0,.55),0 0 70px rgba(124,108,246,.09)!important}
.sph-auth-visual{position:relative!important;background:linear-gradient(150deg,rgba(124,108,246,.16),rgba(51,224,216,.04)),#090b14!important;border-right:1px solid var(--sph-border)!important;color:var(--sph-text)!important}
.sph-auth-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 35%,#000,transparent 75%)}
.sph-auth-visual-copy,.sph-auth-home-logo,.sph-auth-illustration{position:relative;z-index:1}
.sph-auth-kicker,.sph-auth-eyebrow{color:#bcb5ff!important;text-transform:uppercase;letter-spacing:.09em;font-size:11px!important;font-weight:800!important}
.sph-auth-visual-copy p,.sph-auth-heading p,.sph-auth-benefits span,.sph-auth-legal{color:var(--sph-muted)!important}
.sph-auth-form-panel{background:rgba(7,8,15,.72)!important}
.sph-auth-form-inner{max-width:520px!important}
.sph-field .form-control{height:48px!important}
.sph-primary-auth-btn{height:50px!important;background:var(--sph-gradient)!important;color:#05060b!important;border:0!important}
.sph-inline-link,.sph-auth-switch a,.sph-auth-legal a{color:#8f84ff!important}
.sph-password-toggle{color:#b8bdd0!important}
.sph-auth-alert{background:rgba(255,107,125,.11)!important;border-color:rgba(255,107,125,.28)!important;color:#ffb0bb!important}

/* Footer */
.footer,footer{background:#070910!important;border-top:1px solid var(--sph-border)!important;color:var(--sph-muted)!important}
.footer a,footer a{color:#b7bdd1}
.footer a:hover,footer a:hover{color:#fff}
.footer h4,footer h4{color:#fff!important}
.footer .subscribe-box{background:#0d101d!important;border:1px solid var(--sph-border-strong)!important;border-radius:13px!important;overflow:hidden}
.footer input[type=email]{background:transparent!important;color:#fff!important;border:0!important}
.footer .btn-submit{background:var(--sph-gradient)!important;color:#05060b!important;border:0!important}

/* Blog / content typography */
.blog-content,.post-content,.article-content,.page-content,.card-body{color:var(--sph-muted)}
.blog-content a,.post-content a,.article-content a,.page-content a{color:#9e96ff}
pre,code{font-family:"JetBrains Mono",monospace!important}
pre{background:#090b14!important;border:1px solid var(--sph-border)!important;border-radius:13px!important;color:#dfe2f4!important}
hr{border-color:var(--sph-border)!important}

/* Responsive */
@media(max-width:991.98px){
  #headerNav .navbar-collapse,.header-top .navbar-collapse{background:#0b0e19!important;border:1px solid var(--sph-border)!important;border-radius:16px!important;padding:14px!important;margin-top:10px;box-shadow:0 25px 60px rgba(0,0,0,.45)}
  .sph-auth-card{grid-template-columns:1fr!important}
  .sph-auth-visual{display:none!important}
}
@media(max-width:767.98px){
  .container{padding-left:16px!important;padding-right:16px!important}
  .card-body{padding:18px!important}
  .modal-dialog{margin:12px!important}
  .table-responsive{border-radius:14px}
  .btn{max-width:100%}
}
@media(max-width:479.98px){
  h1{font-size:30px!important}
  h2{font-size:25px!important}
  .sph-auth-shell{padding:16px 0!important}
  .sph-auth-card{border-radius:18px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* SEO landing pages: loaded last in seo_page.php so database content stays intact while visual system is unified. */
body.sph-seo-layout{background:radial-gradient(850px 560px at 8% -8%,rgba(124,108,246,.16),transparent 60%),radial-gradient(720px 520px at 100% 2%,rgba(51,224,216,.07),transparent 58%),var(--sph-bg)!important;color:var(--sph-text)!important}
body.sph-seo-layout .sph5-seo-header{background:rgba(5,6,11,.86)!important;border-bottom:1px solid var(--sph-border)!important;box-shadow:0 10px 35px rgba(0,0,0,.2)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
body.sph-seo-layout .sph5-seo-nav a,body.sph-seo-layout .sph5-seo-header .nav-link,body.sph-seo-layout .sph5-seo-auth .btn-login{color:var(--sph-muted)!important}
body.sph-seo-layout .sph5-seo-nav a:hover,body.sph-seo-layout .sph5-seo-nav .active>a,body.sph-seo-layout .sph5-seo-header .nav-link:hover{color:#fff!important}
body.sph-seo-layout .sph5-seo-auth .sign-up,body.sph-seo-layout .sph5-seo-auth .btn-statistics{background:var(--sph-gradient)!important;border-color:transparent!important;color:#05060b!important;box-shadow:0 8px 24px rgba(91,140,255,.2)!important}
body.sph-seo-layout .sph5-seo-toggle{background:rgba(255,255,255,.045)!important;border:1px solid var(--sph-border-strong)!important;color:#fff!important}
body.sph-seo-layout .sph5-seo-content-wrap,body.sph-seo-layout .sph-seo-page-shell,body.sph-seo-layout .sph-seo-page-spacing{background:transparent!important;color:var(--sph-text)!important}
body.sph-seo-layout .sph5-seo-content-wrap h1,body.sph-seo-layout .sph5-seo-content-wrap h2,body.sph-seo-layout .sph5-seo-content-wrap h3,body.sph-seo-layout .sph5-seo-content-wrap h4{color:var(--sph-text)!important;font-family:"Space Grotesk",Inter,sans-serif!important}
body.sph-seo-layout .sph5-seo-content-wrap p,body.sph-seo-layout .sph5-seo-content-wrap li{color:var(--sph-muted)!important}
body.sph-seo-layout .sph5-seo-content-wrap a{color:#9d94ff}
body.sph-seo-layout .sph5-seo-content-wrap [class$="-card"],body.sph-seo-layout .sph5-seo-content-wrap [class*="-card "],body.sph-seo-layout .sph5-seo-content-wrap [class$="-box"],body.sph-seo-layout .sph5-seo-content-wrap [class*="-box "]{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.023))!important;border-color:var(--sph-border)!important;color:var(--sph-text)!important;box-shadow:0 22px 60px -38px rgba(0,0,0,.85)!important}
body.sph-seo-layout .sph5-seo-content-wrap table{background:rgba(14,17,32,.76)!important;color:var(--sph-text)!important;border-color:var(--sph-border)!important}
body.sph-seo-layout .sph5-seo-content-wrap table th{background:rgba(124,108,246,.075)!important;color:#e7e9f3!important;border-color:var(--sph-border)!important}
body.sph-seo-layout .sph5-seo-content-wrap table td{background:transparent!important;color:var(--sph-muted)!important;border-color:var(--sph-border)!important}
@media(max-width:991.98px){body.sph-seo-layout .sph5-seo-mobile-menu{background:#0b0e19!important;border:1px solid var(--sph-border)!important;box-shadow:0 25px 60px rgba(0,0,0,.45)!important}body.sph-seo-layout .sph5-seo-mobile-menu a{color:var(--sph-muted)!important;border-color:var(--sph-border)!important}}

/* ==========================================================================\n   FINAL PUBLIC THEME CONSISTENCY PASS — 2026-09-27\n   Keeps legacy public/blog/legal/API surfaces inside the premium dark system.\n   ========================================================================== */
html,body,.page,.page-main,.main-content,.content,.content-area,.section,.section-bg{background-color:transparent!important}
body .bg-white,body .bg-light,body .bg-gray,body .bg-grey,body [class*="bg-white"],body [class*="bg-light"]{background-color:transparent!important}

/* Native controls and plugin controls */
select,select.form-control,select.custom-select,option,optgroup{background-color:#0b0e1a!important;color:var(--sph-text)!important}
select option:checked{background:#252a48!important;color:#fff!important}
.select2-container .select2-selection,.select2-dropdown,.chosen-container .chosen-single,.chosen-container .chosen-drop,.bootstrap-select>.dropdown-toggle{background:#0b0e1a!important;color:var(--sph-text)!important;border:1px solid var(--sph-border-strong)!important}
.select2-results__option,.chosen-container .chosen-results li{background:#0e1120!important;color:#d9dcea!important}
.select2-results__option--highlighted,.chosen-container .chosen-results li.highlighted{background:rgba(124,108,246,.18)!important;color:#fff!important}

/* Legacy public FAQ/accordion components */
.accordion,.accordion .card,.faq,.faq-item,.faq-box,.collapse.show{color:var(--sph-text)}
.accordion .card,.faq-item,.faq-box{background:linear-gradient(180deg,rgba(19,22,41,.86),rgba(10,12,22,.92))!important;border-color:var(--sph-border)!important}
.accordion .card-header,.faq-item .card-header,.faq-question{background:rgba(124,108,246,.045)!important;color:#eef0f8!important;border-color:var(--sph-border)!important}
.accordion .card-body,.faq-answer,.faq-answer p{background:transparent!important;color:#abb2c6!important}

/* API/documentation/public code surfaces */
.api-documentation,.api-docs,.documentation,.docs-content{background:transparent!important;color:var(--sph-text)!important}
.api-documentation .card,.api-docs .card,.documentation .card{background:linear-gradient(180deg,rgba(19,22,41,.88),rgba(10,12,22,.94))!important}
.api-documentation pre,.api-docs pre,.documentation pre,pre.code,pre[class*="language-"]{background:#080a12!important;color:#dce0ed!important;border:1px solid var(--sph-border)!important;border-radius:13px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)!important;overflow:auto!important}
.api-documentation code,.api-docs code,.documentation code{color:#dce0ed!important;background:transparent!important}
.api-documentation table,.api-docs table,.documentation table,.api-documentation td,.api-documentation th,.api-docs td,.api-docs th{background-color:transparent!important;color:#cbd0df!important;border-color:var(--sph-border)!important}
.api-documentation a:not(.btn),.api-docs a:not(.btn),.documentation a:not(.btn){color:#7ce9e3!important;overflow-wrap:anywhere}

/* Services/list surfaces */
.service-item,.service-item td,.service-item th,.services-list,.services-list .list-group-item,.table-bordered,.table-bordered td,.table-bordered th{background-color:transparent!important;color:var(--sph-text)!important}
.table .text-muted,.table small,.table .small{color:#8f97af!important}
.table a:not(.btn){color:#8fdedb}.table a:not(.btn):hover{color:#c9fffb}

/* Buttons must never clip or overflow their parent. */
.btn,.button,a.btn{max-width:100%!important;white-space:normal!important;text-align:center!important;overflow-wrap:anywhere}

/* Floating surfaces */
.popover,.tooltip-inner,.datepicker,.datepicker-dropdown,.ui-datepicker,.daterangepicker{background:#0e1120!important;color:var(--sph-text)!important;border:1px solid var(--sph-border-strong)!important;box-shadow:0 18px 50px rgba(0,0,0,.55)!important}
.popover-header{background:#131629!important;color:#fff!important;border-color:var(--sph-border)!important}.popover-body{color:#b8bfd2!important}.dropdown-divider{border-top-color:var(--sph-border)!important}

/* Common public footer, including blog/legal/FAQ pages. */
.footer,.footer_top,.footer_bottom,footer{background:#070910!important;color:#9299ae!important;border-color:var(--sph-border)!important}
.footer_top,footer{border-top:1px solid var(--sph-border)!important}
.footer .site-logo img,.footer_top .site-logo img,.footer_bottom .site-logo img,footer .site-logo img,footer .footer-logo img{
  display:block!important;width:auto!important;height:auto!important;max-width:180px!important;max-height:48px!important;object-fit:contain!important;filter:none!important;opacity:1!important
}
.footer .title,.footer h4,footer h4{color:#edf0f8!important}.footer a,footer a{color:#aeb5c9!important}.footer a:hover,footer a:hover{color:#fff!important}
.footer-lang-selector{background:#0b0e1a!important;color:#d8dceb!important;border:1px solid var(--sph-border-strong)!important;border-radius:10px!important;padding:9px 12px!important}

/* Blog/legal/custom content should not carry editor-era white backgrounds. */
.blog-content,.blog-detail,.article-content,.post-content,.page-content,.custom-page-content,.terms-content,.privacy-content,
.blog-content article,.article-content article,.post-content article{background:transparent!important;color:var(--sph-muted)!important}
.blog-content p,.blog-detail p,.article-content p,.post-content p,.page-content p,.custom-page-content p{color:#aeb5c9!important}
.blog-content h1,.blog-content h2,.blog-content h3,.blog-detail h1,.blog-detail h2,.blog-detail h3,.article-content h1,.article-content h2,.article-content h3,.post-content h1,.post-content h2,.post-content h3{color:var(--sph-text)!important}

@media(max-width:767.98px){
  .btn{width:auto;max-width:100%!important}
  .btn-block{width:100%!important}
  .footer .site-logo{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
  .footer .site-logo img{max-width:155px!important;max-height:44px!important}
  .table{min-width:640px}
}
@media(max-width:420px){.dropdown-menu{max-width:calc(100vw - 16px)!important}.modal-dialog{margin:8px!important}}


/* FINAL GLOBAL DARK THEME CONSISTENCY — 2026-09-27 v3
   Targeted legacy-component fixes for public Services / FAQ / API / legal pages. */
:root{color-scheme:dark}
html,body{min-height:100%;background-color:#05060b!important}
body .page,body .page-main,body .main-content,body .content-area,body .my-3,body .my-md-5{background-color:transparent!important}
.page-header,.page-title{color:#f1f3fb!important}
.page-header{margin-bottom:24px!important}.page-header .page-title,.page-title h1,h1.page-title{color:#f5f7ff!important}

/* Public Services catalog */
.sph-services-toolbar{padding:18px 18px 2px!important;margin:0 0 18px!important;background:linear-gradient(180deg,rgba(19,22,41,.76),rgba(10,12,22,.72))!important;border:1px solid var(--sph-border)!important;border-radius:18px!important;box-shadow:0 22px 60px -42px rgba(0,0,0,.9)!important}
.sph-services-toolbar .form-group{margin-bottom:16px!important}
#result_ajaxSearch>.col-md-12>.card{background:linear-gradient(180deg,rgba(19,22,41,.88),rgba(10,12,22,.94))!important;border-color:var(--sph-border)!important}
#result_ajaxSearch .card-header{background:rgba(124,108,246,.045)!important;border-color:var(--sph-border)!important}
#result_ajaxSearch .card-title{color:#eef1f8!important}
#result_ajaxSearch .service-item td{background:transparent!important;color:#cbd0df!important}
#result_ajaxSearch .service-item .title{color:#e8ebf4!important;line-height:1.45!important;overflow-wrap:anywhere!important}
#result_ajaxSearch .service-item:hover{background:rgba(124,108,246,.045)!important}
.favorite-icon{color:#7c6cf6!important}.favorite-icon.fa-heart{color:#f65ca0!important}

/* FAQ page */
#result_ajaxSearch .card.card-collapsed,#result_ajaxSearch .card{background:linear-gradient(180deg,rgba(19,22,41,.88),rgba(10,12,22,.94))!important;border-color:var(--sph-border)!important}
#result_ajaxSearch .bg-question{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;border-radius:10px;background:rgba(51,224,216,.10)!important;color:var(--sph-cyan)!important;border:1px solid rgba(51,224,216,.20)!important}
#result_ajaxSearch .card-body,#result_ajaxSearch .card-body p,#result_ajaxSearch .card-body li{background:transparent!important;color:#abb2c6!important}
#result_ajaxSearch .card-options a{color:#7f879d!important}

/* API documentation */
.api-documentation{padding-bottom:12px!important}
.api-documentation>.col-md-8{max-width:920px!important;flex:0 0 100%!important}
.api-documentation .card{margin-bottom:20px!important;background:linear-gradient(180deg,rgba(19,22,41,.9),rgba(10,12,22,.95))!important;border-color:var(--sph-border)!important}
.api-documentation .card-header{background:rgba(124,108,246,.045)!important}
.api-documentation .x_content,.api-documentation .card-body,.api-documentation .card-footer{background:transparent!important;color:#cbd0df!important}
.api-documentation pre{background:#070910!important;color:#dce0ed!important;border:1px solid var(--sph-border)!important;border-radius:13px!important;padding:16px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.api-documentation table{border-radius:12px!important;overflow:hidden!important}
.api-documentation table thead th,.api-documentation table thead td{background:rgba(124,108,246,.085)!important;color:#eef1f8!important}
.api-documentation table tbody td{background:rgba(255,255,255,.012)!important;color:#bfc5d7!important}
.api-documentation .note{padding:12px 14px!important;border-radius:11px!important;background:rgba(51,224,216,.055)!important;border:1px solid rgba(51,224,216,.15)!important;color:#aebfd0!important}

/* SEO-page header/mobile menu: override old inline light-era V4/V6 safely. */
body.sph-seo-layout .sph5-seo-header{background:rgba(5,6,11,.9)!important;border-color:var(--sph-border)!important}
body.sph-seo-layout .sph5-seo-nav{color:var(--sph-text)!important}
@media(max-width:991.98px){
  body.sph-seo-layout .sph5-seo-nav{background:#0b0e19!important;border:1px solid var(--sph-border-strong)!important;box-shadow:0 22px 55px rgba(0,0,0,.5)!important}
  body.sph-seo-layout .sph5-seo-nav ul>li,body.sph-seo-layout .sph5-seo-nav .nav-item{border-color:var(--sph-border)!important}
  body.sph-seo-layout .sph5-seo-nav a,body.sph-seo-layout .sph5-seo-nav .nav-link{color:#aeb5c9!important}
}

/* Footer logo: preserve aspect ratio and make the dark-background variant visible. */
.footer .site-logo>a,.footer_top .site-logo>a,footer .logo{display:inline-flex!important;align-items:center!important;max-width:100%!important}
.footer .site-logo img,.footer_top .site-logo img,.footer_bottom .site-logo img,footer .site-logo img,footer .footer-logo img,footer .logo img{width:auto!important;height:auto!important;max-width:180px!important;max-height:48px!important;object-fit:contain!important;opacity:1!important;filter:none!important}

@media(max-width:767.98px){
  .sph-services-toolbar{padding:14px 14px 0!important;border-radius:15px!important}
  .api-documentation>.col-md-8{padding-left:8px!important;padding-right:8px!important}
  .api-documentation .table{min-width:560px!important}
  #result_ajaxSearch .service-item .title{min-width:220px!important}
}