/* SMM Provider Hub — Premium homepage skin. Existing copy/SEO/links are preserved. */
:root{--sph-bg:#05060b;--sph-bg-soft:#0a0c16;--sph-surface:#0e1120;--sph-surface-2:#131629;--sph-border:rgba(255,255,255,.08);--sph-border-strong:rgba(255,255,255,.14);--sph-text:#f1f3fb;--sph-muted:#9ba1b8;--sph-faint:#666d86;--sph-violet:#7c6cf6;--sph-blue:#5b8cff;--sph-cyan:#33e0d8;--sph-pink:#f65ca0;--sph-gradient:linear-gradient(135deg,#7c6cf6 0%,#5b8cff 50%,#33e0d8 100%);--sph-shadow:0 30px 80px -36px rgba(0,0,0,.95),0 0 60px rgba(124,108,246,.09)}
html{scroll-behavior:smooth;background:var(--sph-bg)}
body.sph-premium-home{background:radial-gradient(760px 560px at 12% -4%,rgba(124,108,246,.18),transparent 62%),radial-gradient(700px 520px at 96% 8%,rgba(51,224,216,.09),transparent 58%),var(--sph-bg)!important;color:var(--sph-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.sph-premium-home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 40%,transparent 100%)}
body.sph-premium-home h1,body.sph-premium-home h2,body.sph-premium-home h3,body.sph-premium-home h4{font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:-.025em;color:var(--sph-text)!important}
body.sph-premium-home p{color:var(--sph-muted)!important}
body.sph-premium-home a{transition:.22s ease}

/* navigation */
.sph-premium-home .navbar-custom{background:rgba(5,6,11,.8)!important;border-bottom:1px solid var(--sph-border)!important;box-shadow:0 12px 40px rgba(0,0,0,.18)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.sph-premium-home .navbar-custom .navbar-brand img{max-height:44px!important;width:auto!important;filter:none!important}
.sph-premium-home .navbar-custom .nav-link{color:var(--sph-muted)!important;font-weight:600!important;font-size:14px!important}
.sph-premium-home .navbar-custom .nav-link:hover,.sph-premium-home .navbar-custom .nav-item.active>.nav-link{color:#fff!important}
.sph-premium-home .navbar-custom .navbar-toggler{border:1px solid var(--sph-border-strong)!important;background:rgba(255,255,255,.04)!important;border-radius:10px!important}
.sph-premium-home .btn{border-radius:11px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;transition:.22s ease!important}
.sph-premium-home .btn-primary,.sph-premium-home .btn-getstarted{background:var(--sph-gradient)!important;border-color:transparent!important;color:#05060b!important;box-shadow:0 10px 28px rgba(91,140,255,.24)!important}
.sph-premium-home .btn-primary:hover,.sph-premium-home .btn-getstarted:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(91,140,255,.36)!important;color:#05060b!important}
.sph-premium-home .btn-login,.sph-premium-home .sph-secondary-btn{background:rgba(255,255,255,.045)!important;border:1px solid var(--sph-border-strong)!important;color:#fff!important}
.sph-premium-home .btn-login:hover,.sph-premium-home .sph-secondary-btn:hover{background:rgba(255,255,255,.085)!important;border-color:rgba(124,108,246,.5)!important}

/* hero */
.sph-premium-home .header.sph-hero{background:transparent!important;position:relative;overflow:hidden}
.sph-premium-home .header.sph-hero::before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-160px;top:-170px;background:rgba(124,108,246,.13);filter:blur(90px);pointer-events:none}
.sph-premium-home .header.sph-hero .header-content{padding-top:8.2rem!important;padding-bottom:5.4rem!important;position:relative;z-index:1}
.sph-premium-home .sph-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px;background:rgba(124,108,246,.1)!important;border:1px solid rgba(124,108,246,.34)!important;border-radius:999px!important;padding:8px 13px!important;color:#c9c3ff!important;font-size:12px!important;font-weight:800!important;letter-spacing:.075em!important}
.sph-premium-home .sph-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sph-cyan);box-shadow:0 0 11px var(--sph-cyan)}
.sph-premium-home .sph-hero h1{font-size:clamp(38px,4.9vw,66px)!important;line-height:1.04!important;max-width:720px!important;margin:20px 0 22px!important}
.sph-premium-home .sph-hero h1 strong,.sph-premium-home .sph-hero h1 em{background:var(--sph-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.sph-premium-home .sph-hero .p-large{font-size:17px!important;line-height:1.75!important;max-width:650px!important;color:#aab0c4!important}
.sph-premium-home .sph-hero .p-large strong{color:#fff!important;font-weight:700!important}
.sph-premium-home .sph-hero-actions{gap:12px!important;margin-top:30px!important}
.sph-premium-home .sph-hero-actions .btn{min-height:50px!important;padding:0 23px!important}
.sph-premium-home .sph-hero-points{margin-top:30px!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.sph-premium-home .sph-hero-points span{background:rgba(255,255,255,.035)!important;border:1px solid var(--sph-border)!important;color:#aeb4c8!important;border-radius:999px!important;padding:8px 12px!important;font-size:12.5px!important}
.sph-premium-home .sph-hero-points i{color:var(--sph-cyan)!important;margin-right:5px!important}

/* animated illustrative dashboard */
.sph-growth-visual{position:relative;max-width:570px;margin-left:auto;padding:14px}
.sph-growth-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.022));border:1px solid var(--sph-border-strong);border-radius:24px;padding:20px;box-shadow:0 34px 90px -30px rgba(0,0,0,.9),0 0 70px rgba(124,108,246,.13);backdrop-filter:blur(18px);transform:perspective(1200px) rotateY(-4deg) rotateX(1.5deg);animation:sphFloat 7s ease-in-out infinite}
@keyframes sphFloat{0%,100%{transform:perspective(1200px) rotateY(-4deg) rotateX(1.5deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-4deg) rotateX(1.5deg) translateY(-10px)}}
.sph-growth-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sph-growth-title{font:600 12px/1.2 "JetBrains Mono",monospace;color:#7d849d}.sph-live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:rgba(51,224,216,.1);border:1px solid rgba(51,224,216,.28);color:var(--sph-cyan);font-size:10px;font-weight:800;letter-spacing:.08em}.sph-live-dot{width:6px;height:6px;border-radius:50%;background:var(--sph-cyan);box-shadow:0 0 9px var(--sph-cyan);animation:sphPulse 1.8s ease-in-out infinite}@keyframes sphPulse{50%{opacity:.45;transform:scale(.75)}}
.sph-demo-label{font-size:10px;color:#5f667e;margin-left:auto}
.sph-growth-graph{background:rgba(255,255,255,.025);border:1px solid var(--sph-border);border-radius:15px;padding:12px 14px 8px;margin-bottom:12px}.sph-growth-graph-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#656c84;margin-bottom:7px}.sph-growth-graph-head strong{font-size:11px;color:#dfe3f0}.sph-growth-graph svg{width:100%;height:70px;display:block}.sph-graph-line{fill:none;stroke:var(--sph-cyan);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(51,224,216,.48));stroke-dasharray:420;stroke-dashoffset:420;animation:sphDraw 2s ease forwards .2s}@keyframes sphDraw{to{stroke-dashoffset:0}}.sph-graph-point{fill:var(--sph-cyan);filter:drop-shadow(0 0 7px var(--sph-cyan));animation:sphPulse 1.8s infinite}
.sph-growth-metrics{display:grid;gap:9px}.sph-metric{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;background:rgba(255,255,255,.027);border:1px solid var(--sph-border);border-radius:12px;padding:10px 11px}.sph-metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#05060b;font-size:16px}.sph-metric-icon.ig{background:linear-gradient(135deg,#f65ca0,#7c6cf6)}.sph-metric-icon.yt{background:linear-gradient(135deg,#ff6565,#f65ca0)}.sph-metric-icon.tt{background:linear-gradient(135deg,#33e0d8,#5b8cff)}.sph-metric-copy small{display:block;color:#707790;font-size:10.5px}.sph-metric-copy strong{display:block;color:#fff;font:600 16px/1.35 "Space Grotesk",sans-serif;font-variant-numeric:tabular-nums}.sph-metric-delta{color:var(--sph-cyan);font:700 10px/1 "JetBrains Mono",monospace;white-space:nowrap}
.sph-order-demo{margin-top:12px;background:rgba(124,108,246,.07);border:1px solid rgba(124,108,246,.23);border-radius:13px;padding:13px}.sph-order-head{display:flex;align-items:center;gap:10px}.sph-order-bolt{width:30px;height:30px;border-radius:9px;background:var(--sph-gradient);display:grid;place-items:center;color:#05060b}.sph-order-copy{min-width:0;flex:1}.sph-order-copy strong{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sph-order-copy small{color:#6c738c;font-size:10px}.sph-order-status{font-size:10px;padding:4px 8px;border-radius:999px;background:rgba(255,196,93,.1);border:1px solid rgba(255,196,93,.26);color:#ffd27b}.sph-order-track{height:6px;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden;margin:10px 0 7px}.sph-order-bar{height:100%;width:64%;border-radius:inherit;background:var(--sph-gradient);transition:width .9s ease}.sph-order-meta{display:flex;justify-content:space-between;gap:10px;color:#686f88;font-size:9.5px}.sph-growth-caption{text-align:center;margin-top:10px;color:#5e657c;font-size:9.5px;letter-spacing:.02em}.sph-float-note{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;background:#111426;border:1px solid var(--sph-border-strong);border-radius:12px;padding:8px 11px;color:#dfe2ed;font-size:10.5px;font-weight:700;box-shadow:0 20px 45px rgba(0,0,0,.5);animation:sphNote 6s ease-in-out infinite}.sph-float-note i{color:var(--sph-cyan)}.sph-float-note.n1{right:-6px;top:8px}.sph-float-note.n2{left:-18px;bottom:74px;animation-delay:3s}@keyframes sphNote{0%,8%,100%{opacity:0;transform:translateY(6px) scale(.96)}16%,62%{opacity:1;transform:none}74%{opacity:0;transform:translateY(-5px)}}

/* content sections */
.sph-premium-home .sph-section,.sph-premium-home .counts-area{padding:92px 0!important;background:transparent!important;position:relative}
.sph-premium-home .sph-soft-bg{background:rgba(255,255,255,.012)!important;border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.025)}
.sph-premium-home .sph-section-kicker{color:#8f84ff!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:11px!important;font-weight:800!important;margin-bottom:10px!important}
.sph-premium-home .sph-section h2,.sph-premium-home .sph-section-title{font-size:clamp(28px,3.5vw,42px)!important;line-height:1.12!important;margin-bottom:16px!important}
.sph-premium-home .sph-section p{font-size:15px!important;line-height:1.8!important}
.sph-premium-home .sph-answer-card,.sph-premium-home .sph-platform-card,.sph-premium-home .sph-card,.sph-premium-home .sph-step,.sph-premium-home .sph-resource-card,.sph-premium-home .sph-faq-item,.sph-premium-home .sph-final-cta,.sph-premium-home .sph-note-card,.sph-premium-home .sph-dark-panel .container>div,.sph-premium-home .sph-feature-card{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.023))!important;border:1px solid var(--sph-border)!important;border-radius:19px!important;box-shadow:var(--sph-shadow)!important;color:var(--sph-text)!important}
.sph-premium-home .sph-answer-card{padding:34px!important}
.sph-premium-home .sph-platform-card{height:100%;padding:23px!important;transition:.24s ease}.sph-premium-home .sph-platform-card:hover{transform:translateY(-4px);border-color:rgba(124,108,246,.36)!important;background:rgba(19,22,41,.9)!important}.sph-premium-home .sph-platform-card i{width:44px;height:44px;border-radius:12px;background:rgba(124,108,246,.1);border:1px solid rgba(124,108,246,.24);display:grid;place-items:center;color:var(--sph-cyan)!important;font-size:20px!important;flex-shrink:0}.sph-premium-home .sph-platform-card h3{font-size:17px!important}
.sph-premium-home .sph-counts{padding:34px 0!important;border-top:1px solid var(--sph-border);border-bottom:1px solid var(--sph-border);background:rgba(255,255,255,.012)!important}.sph-premium-home .sph-counts .count-box{background:transparent!important;border:0!important;box-shadow:none!important}.sph-premium-home .sph-counts .purecounter{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;color:#fff!important}.sph-premium-home .sph-counts p{color:var(--sph-muted)!important}.sph-premium-home .sph-counter-status{background:rgba(51,224,216,.1)!important;border:1px solid rgba(51,224,216,.25)!important;color:var(--sph-cyan)!important;border-radius:999px!important}
.sph-premium-home .sph-dark-panel{background:linear-gradient(135deg,rgba(124,108,246,.065),rgba(51,224,216,.025))!important;border-top:1px solid var(--sph-border);border-bottom:1px solid var(--sph-border)}
.sph-premium-home .sph-dark-panel h2,.sph-premium-home .sph-dark-panel h3{color:#fff!important}.sph-premium-home .sph-dark-panel p,.sph-premium-home .sph-dark-panel li{color:#aab0c4!important}
.sph-premium-home .sph-faq-item{overflow:hidden!important;margin-bottom:10px!important;box-shadow:none!important}.sph-premium-home .sph-faq-question{background:transparent!important;color:#eef0f7!important;border:0!important;padding:19px 20px!important}.sph-premium-home .sph-faq-answer p{padding:0 20px 20px!important;color:var(--sph-muted)!important}.sph-premium-home .sph-faq-question i{color:#7970e9!important}
.sph-premium-home .sph-final-cta{padding:38px!important;background:linear-gradient(135deg,rgba(124,108,246,.14),rgba(51,224,216,.06))!important;border-color:rgba(124,108,246,.26)!important;position:relative;overflow:hidden}.sph-premium-home .sph-final-cta::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-150px;top:-210px;background:rgba(124,108,246,.14);filter:blur(30px);pointer-events:none}
.sph-premium-home .sph-section-cta a:not(.btn){color:#958bff!important;font-weight:700!important}

/* footer */
.sph-premium-home .footer{background:#070910!important;border-top:1px solid var(--sph-border)!important;color:var(--sph-muted)!important}.sph-premium-home .footer h4{color:#fff!important}.sph-premium-home .footer p{color:#8f96ab!important}.sph-premium-home .footer a{color:#b7bdcf!important}.sph-premium-home .footer a:hover{color:#fff!important}.sph-premium-home .sph-footer-whatsapp{background:rgba(51,224,216,.06)!important;border:1px solid rgba(51,224,216,.18)!important;border-radius:13px!important}.sph-premium-home .sph-footer-whatsapp-icon{background:rgba(51,224,216,.12)!important;color:var(--sph-cyan)!important}.sph-premium-home .subscribe-box{background:#0d101d!important;border:1px solid var(--sph-border-strong)!important;border-radius:13px!important;overflow:hidden}.sph-premium-home .subscribe-box input[type=email]{background:transparent!important;color:#fff!important}.sph-premium-home .subscribe-box .btn-submit{background:var(--sph-gradient)!important;color:#05060b!important;border:0!important;font-weight:800!important}

/* modal */
.sph-premium-home .modal-content{background:#0e1120!important;border:1px solid var(--sph-border-strong)!important;color:#fff!important;border-radius:18px!important;box-shadow:0 30px 80px rgba(0,0,0,.65)!important}.sph-premium-home .modal-header,.sph-premium-home .modal-footer{border-color:var(--sph-border)!important}.sph-premium-home .close{color:#fff!important;text-shadow:none!important}

/* responsive */
@media(max-width:1199.98px){.sph-growth-visual{max-width:520px}.sph-premium-home .sph-hero h1{font-size:50px!important}}
@media(max-width:991.98px){
  .sph-premium-home .navbar-custom .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-premium-home .header.sph-hero .header-content{padding-top:6.8rem!important;padding-bottom:3.6rem!important}.sph-growth-visual{margin:36px auto 0;max-width:600px}.sph-growth-card{transform:none!important;animation:none!important}.sph-premium-home .sph-section{padding:70px 0!important}
}
@media(max-width:767.98px){.sph-premium-home .container{padding-left:17px!important;padding-right:17px!important}.sph-premium-home .sph-hero h1{font-size:39px!important}.sph-premium-home .sph-hero .p-large{font-size:15.5px!important}.sph-growth-visual{padding:0}.sph-float-note{display:none}.sph-premium-home .sph-section{padding:58px 0!important}.sph-premium-home .sph-final-cta,.sph-premium-home .sph-answer-card{padding:24px!important}.sph-premium-home .sph-hero-actions .btn{width:100%!important}.sph-premium-home .sph-hero-points{gap:8px!important}.sph-premium-home .sph-hero-points span{font-size:11px!important}.sph-growth-card{padding:15px;border-radius:18px}}
@media(max-width:479.98px){.sph-premium-home .sph-hero h1{font-size:34px!important}.sph-metric{grid-template-columns:34px minmax(0,1fr) auto}.sph-order-meta{font-size:8.5px}.sph-growth-title{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Final homepage/footer polish */
.sph-premium-home .footer .footer-info img,
.sph-premium-home .footer .logo img,
.sph-premium-home .footer img[alt*="SMM Provider Hub"]{
  width:auto!important;height:auto!important;max-width:180px!important;max-height:48px!important;object-fit:contain!important;filter:none!important;opacity:1!important
}
.sph-premium-home .footer .footer-info a{display:inline-flex!important;align-items:center!important;max-width:100%}
.sph-premium-home .footer-newsletter input,.sph-premium-home .footer-newsletter .form-control{background:#0b0e1a!important;color:#f1f3fb!important;border:1px solid rgba(255,255,255,.14)!important}
.sph-premium-home .footer-newsletter input::placeholder{color:#69708b!important}
.sph-premium-home .footer-newsletter .btn,.sph-premium-home .footer a.btn{max-width:100%!important;white-space:normal!important}
@media(max-width:767.98px){.sph-premium-home .footer .footer-info img{max-width:155px!important;max-height:44px!important}}


/* FINAL DARK-ONLY HOMEPAGE CONSISTENCY — 2026-09-27 v3
   Covers legacy lower-section components defined by sph-seo.css without changing content. */
.sph-premium-home .sph-info-card,
.sph-premium-home .sph-guide-item,
.sph-premium-home .sph-step-card,
.sph-premium-home .sph-checklist-card,
.sph-premium-home .sph-definition-card{
  background:linear-gradient(180deg,rgba(19,22,41,.9),rgba(10,12,22,.94))!important;
  border:1px solid var(--sph-border)!important;
  border-radius:19px!important;
  color:var(--sph-text)!important;
  box-shadow:var(--sph-shadow)!important;
}
.sph-premium-home .sph-info-card,
.sph-premium-home .sph-step-card,
.sph-premium-home .sph-checklist-card,
.sph-premium-home .sph-definition-card{height:100%}
.sph-premium-home .sph-info-card h3,
.sph-premium-home .sph-guide-item h3,
.sph-premium-home .sph-step-card h3,
.sph-premium-home .sph-checklist-card h3,
.sph-premium-home .sph-definition-card h3,
.sph-premium-home .sph-resource-card h3{color:#f1f3fb!important}
.sph-premium-home .sph-info-card p,
.sph-premium-home .sph-guide-item p,
.sph-premium-home .sph-step-card p,
.sph-premium-home .sph-checklist-card li,
.sph-premium-home .sph-definition-card dd,
.sph-premium-home .sph-resource-card p{color:#9ba1b8!important}
.sph-premium-home .sph-definition-card dt{color:#dfe3ef!important}
.sph-premium-home .sph-card-icon{background:rgba(124,108,246,.12)!important;border:1px solid rgba(124,108,246,.26)!important;color:var(--sph-cyan)!important}
.sph-premium-home .sph-guide-item>span,
.sph-premium-home .sph-step-card>span{background:var(--sph-gradient)!important;color:#05060b!important;box-shadow:0 8px 22px rgba(91,140,255,.2)!important}
.sph-premium-home .sph-checklist i{color:var(--sph-cyan)!important}
.sph-premium-home .sph-resource-card span{background:rgba(124,108,246,.12)!important;color:#bcb5ff!important;border:1px solid rgba(124,108,246,.22)!important}
.sph-premium-home .sph-resource-card strong,.sph-premium-home .sph-inline-links a{color:#7ce9e3!important}
.sph-premium-home .sph-note-card{background:linear-gradient(135deg,rgba(255,196,93,.07),rgba(124,108,246,.05))!important;border-color:rgba(255,196,93,.18)!important}
.sph-premium-home .sph-note-icon{color:#ffd27b!important}.sph-premium-home .sph-note-card p{color:#aeb5c7!important}
.sph-premium-home .sph-rounded-img{border:1px solid var(--sph-border)!important;box-shadow:0 26px 70px -38px rgba(0,0,0,.92)!important;background:#0e1120!important}
.sph-premium-home .sph-section,.sph-premium-home .sph-soft-bg,.sph-premium-home .sph-note-section{color:var(--sph-text)!important}
.sph-premium-home .sph-section-head h2{color:#f1f3fb!important}.sph-premium-home .sph-section-head p{color:#9ba1b8!important}
@media(max-width:767.98px){
  .sph-premium-home .sph-info-card,.sph-premium-home .sph-guide-item,.sph-premium-home .sph-step-card,.sph-premium-home .sph-checklist-card,.sph-premium-home .sph-definition-card{border-radius:16px!important}
}