/* FameKick SMM partner directory. Uses existing self-hosted Manrope and verified brand assets. */
:root{--mk-ink:#1b1830;--mk-muted:#6e6880;--mk-purple:#6e40e8;--mk-pink:#e64fa8;--mk-outline:#e9e1f4;--mk-paper:#fff}
body{background:#fff;color:var(--mk-ink)}body,button,input,select{font-family:Manrope,Arial,sans-serif}
.mk-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.96);backdrop-filter:blur(22px);border-bottom:1px solid #efebf4}
.mk-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:83px}
.mk-brand{display:inline-flex;align-items:center;flex:none}.mk-brand img{width:194px;height:auto;max-height:66px;object-fit:contain}
.mk-nav-links,.mk-nav-right{display:flex;align-items:center;gap:29px}.mk-nav-links a{font-size:13px;font-weight:750;color:#565064;white-space:nowrap}.mk-nav-links a:hover{color:var(--mk-purple)}
.mk-nav-right{gap:12px}.mk-nav-action{display:inline-flex;background:linear-gradient(110deg,#7444e7,#b44be1);color:#fff;padding:12px 18px;border-radius:13px;font-size:12px;font-weight:850;white-space:nowrap}
.mk-lang{position:relative}.mk-lang summary{list-style:none;border:1px solid var(--mk-outline);border-radius:13px;padding:12px 13px;font-size:12px;font-weight:800;cursor:pointer}.mk-lang summary::-webkit-details-marker{display:none}
.mk-lang-panel{position:absolute;top:calc(100% + 11px);right:0;width:245px;max-height:355px;overflow:auto;background:#fff;border:1px solid var(--mk-outline);box-shadow:0 12px 40px #35205127;border-radius:18px;padding:11px;display:grid;gap:3px;z-index:100}
.mk-lang-panel a{padding:8px 11px;border-radius:8px;font-size:12px;color:#433d51}.mk-lang-panel a:hover,.mk-lang-panel a[aria-current]{background:#f0e8ff;color:#6534b9}
.mk-hero{background:radial-gradient(ellipse at 18% 21%,#eee4ff 0,transparent 43%),radial-gradient(ellipse at 84% 65%,#ffe9f4 0,transparent 46%),linear-gradient(132deg,#f8f6ff,#fff);padding:96px 0 104px}
.mk-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:60px;align-items:center}
.mk-hero-copy h1{font-size:clamp(43px,5.4vw,76px);font-weight:850;letter-spacing:-.062em;line-height:1.1;margin:19px 0 22px;max-width:700px}
.mk-hero-copy>p{font-size:16px;line-height:1.9;max-width:575px;color:var(--mk-muted)}
.mk-overline{color:var(--mk-purple);font-size:11px;font-weight:850;letter-spacing:.13em;line-height:1.5}
.mk-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.mk-btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:49px;padding:13px 19px;border-radius:15px;font-size:13px;line-height:1.4;font-weight:800;text-align:center;transition:transform .2s,box-shadow .2s}
.mk-btn:hover{transform:translateY(-2px)}
.mk-btn-primary{background:linear-gradient(108deg,#7644e8 3%,#a64ce1 57%,#e36bad 110%);color:#fff;box-shadow:0 10px 20px #6f43d021}
.mk-btn-primary:hover{box-shadow:0 15px 26px #6f43d02e}
.mk-btn-ghost{background:#fff;color:var(--mk-purple);border:1px solid #ddd1ed}
.mk-trust{margin-top:29px;display:flex;flex-wrap:wrap;gap:16px;color:#71668b;font-size:11px;font-weight:750}
.mk-trust span:first-letter{color:#7543db}
.mk-hero-media{position:relative;border-radius:36px;background:#e8d5ee;padding:12px;box-shadow:0 28px 75px #3a2e5b22;transform:rotate(1deg)}
.mk-hero-media>img{display:block;width:100%;height:385px;object-fit:cover;object-position:center;border-radius:27px}
.mk-floating-note{position:absolute;left:-35px;bottom:24px;padding:17px 20px;border:1px solid #f5effe;border-radius:17px;background:#fff;box-shadow:0 16px 33px #5540712b;display:grid;gap:5px;transform:rotate(-1deg)}
.mk-floating-note b{font-size:12px}.mk-floating-note span{font-size:11px;color:#7b738d}
.mk-section{padding-top:85px;padding-bottom:85px}
.mk-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:29px}
.mk-section-heading h2{font-size:clamp(29px,3.5vw,47px);font-weight:830;line-height:1.15;letter-spacing:-.05em;margin-top:11px}
.mk-section-heading>p{font-size:13px;max-width:450px;color:var(--mk-muted);line-height:1.75}
.mk-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mk-category-card{background:#fff;border:1px solid var(--mk-outline);border-radius:23px;padding:24px;min-height:245px;display:flex;flex-direction:column;box-shadow:0 13px 29px #63409208;transition:transform .2s,border-color .2s,box-shadow .2s}
.mk-category-card:hover{border-color:#d3bef7;transform:translateY(-4px);box-shadow:0 17px 36px #63409218}
.mk-category-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:15px;background:linear-gradient(130deg,#ebe1fe,#ffe4f0);color:#683bcc;font-size:25px;font-weight:800}
.mk-category-card h3{font-size:17px;letter-spacing:-.025em;line-height:1.32;margin:17px 0 9px;font-weight:850}
.mk-category-card p{font-size:12px;line-height:1.75;color:var(--mk-muted);flex:1}
.mk-category-foot{margin-top:17px;display:flex;justify-content:space-between;color:var(--mk-purple);font-weight:850;font-size:11px}
.mk-featured{background:linear-gradient(155deg,#f7f3ff,#fffcff)}
.mk-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.mk-service-card{display:flex;flex-direction:column;gap:12px;border:1px solid #ebe4f5;background:#fff;border-radius:23px;padding:23px;min-height:310px;box-shadow:0 10px 27px #5b3e8210;transition:transform .2s,border-color .2s}
.mk-service-card:hover{transform:translateY(-3px);border-color:#c7aff5}
.mk-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mk-service-avatar{width:49px;height:49px;flex:none;display:grid;place-items:center;background:linear-gradient(140deg,#e3dcfa,#ffdaf0);color:#7138bd;border-radius:15px;font-size:17px;font-weight:850;letter-spacing:-.04em}
.mk-card-group{font-size:10px;line-height:1.3;font-weight:750;color:#7b5fae;text-align:right}
.mk-service-card h3{font-size:19px;letter-spacing:-.03em;line-height:1.3;margin-top:6px}.mk-service-card h3 a:hover{color:#743dd1}
.mk-service-card>p{font-size:12px;color:var(--mk-muted);line-height:1.75;flex:1}
.mk-chips{display:flex;flex-wrap:wrap;gap:6px}
.mk-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #eeeaf3;background:#faf9fd;border-radius:11px;padding:6px 8px;font-size:10px;font-weight:750;color:#685f78}
.mk-chip img{width:14px;height:14px;object-fit:contain}
.mk-card-arrow{display:flex;justify-content:space-between;gap:5px;font-size:12px;font-weight:850;color:var(--mk-purple);padding-top:8px;border-top:1px solid #f1edf5;margin-top:5px}
.mk-center{text-align:center;margin-top:28px}
.mk-platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mk-platform-card{display:flex;align-items:center;gap:12px;padding:19px;border:1px solid var(--mk-outline);background:#fff;border-radius:17px;font-size:12px;min-width:0}
.mk-platform-card:hover{border-color:#b99bef;background:#fcfaff}
.mk-platform-card img{width:25px;height:25px;object-fit:contain;flex:none}.mk-platform-card b{min-width:0;overflow:hidden;text-overflow:ellipsis}.mk-platform-card>span:last-child{margin-left:auto;color:var(--mk-purple);font-size:17px}
.mk-network-symbol{display:grid;place-items:center;border-radius:9px;background:#eee8ff;width:26px;height:26px;font-weight:900;color:var(--mk-purple)}
.mk-intro-note{background:#f1ebfd;border-top:1px solid #e7ddfa;border-bottom:1px solid #e7ddfa}
.mk-intro-note-inner{display:flex;gap:19px;align-items:start;padding:30px 0}
.mk-note-icon{width:47px;height:47px;display:grid;place-items:center;flex:none;border-radius:14px;background:#fff;color:var(--mk-purple);font-size:20px;font-weight:900}
.mk-intro-note h2{font-size:17px;letter-spacing:-.025em;margin:2px 0 8px}
.mk-intro-note p{color:#6b6479;font-size:12px;line-height:1.8}
.mk-footer{background:#171526;color:#fff;padding:56px 0 23px}
.mk-footer-columns{display:grid;grid-template-columns:2.1fr 1.2fr 1fr;gap:55px}
.mk-footer .mk-brand img{filter:brightness(0) invert(1);width:175px}
.mk-footer-columns>div{display:flex;flex-direction:column;gap:11px}
.mk-footer-columns p{max-width:390px;line-height:1.8;font-size:12px;color:#b7b0c9;margin:10px 0 0}
.mk-footer-columns b{font-size:13px;margin-bottom:6px}
.mk-footer-columns a:not(.mk-brand){font-size:12px;color:#c9c3d3;line-height:1.65}
.mk-footer-columns a:hover{color:#fff}
.mk-footer-last{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #373148;margin-top:48px;padding-top:21px;color:#a69fb7;font-size:11px;line-height:1.5}
.mk-page{padding-top:32px;padding-bottom:96px}
.mk-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#70697e;font-size:12px;line-height:1.4}
.mk-breadcrumbs a:hover{color:var(--mk-purple)}
.mk-breadcrumb-sep{color:#baafcc}
.mk-page-intro{margin:45px 0 40px}
.mk-page-intro h1{font-size:clamp(36px,5.1vw,65px);letter-spacing:-.055em;line-height:1.1;font-weight:860;margin:14px 0 18px}
.mk-page-intro p{font-size:15px;line-height:1.86;max-width:800px;color:var(--mk-muted)}
.mk-page .mk-category-grid,.mk-page .mk-provider-grid{margin-bottom:24px}
.mk-filters{display:flex;gap:14px;margin-bottom:20px;align-items:stretch}
.mk-search{display:flex;align-items:center;gap:10px;flex:1;border:1px solid #dcd4e8;background:#fff;border-radius:15px;padding:3px 15px}
.mk-search>span{color:#886dbf;font-size:23px}
.mk-search input{border:0;outline:0;width:100%;padding:10px 0;background:transparent;color:#251d38;font-size:14px}
.mk-filter-label{display:flex;min-width:210px;border:1px solid #dcd4e8;border-radius:15px;overflow:hidden}
.mk-filter-label select{width:100%;padding:12px 17px;background:#fff;border:0;font-size:12px;outline:0}
.mk-result-count{font-size:12px;color:#8d849b;margin:0 0 15px}
.mk-no-results{padding:35px;background:#f5f0fc;border:1px dashed #d8c9ed;border-radius:15px;text-align:center;font-size:13px}
.mk-education{display:flex;gap:17px;border:1px solid #e8e1f2;border-radius:22px;background:#fbf9ff;padding:24px 26px;margin-top:47px}
.mk-education h2{font-size:14px;margin:0 0 13px}.mk-education h3{font-size:18px;margin:0 0 9px}.mk-education p{font-size:13px;color:#645c72;line-height:1.85}
.mk-related-block{margin-top:75px}
.mk-provider-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:23px;align-items:stretch;margin-top:35px}
.mk-provider-main{border:1px solid var(--mk-outline);border-radius:28px;padding:37px;background:radial-gradient(circle at 95% 5%,#eadcff,transparent 50%),linear-gradient(140deg,#fff,#faf6ff)}
.mk-provider-heading{display:flex;align-items:center;gap:19px}
.mk-provider-heading .mk-service-avatar{width:74px;height:74px;border-radius:22px;font-size:26px}
.mk-provider-heading h1{font-size:clamp(38px,4.8vw,60px);letter-spacing:-.055em;margin-top:5px}
.mk-lead{font-size:16px;color:#5d536e;line-height:1.9;max-width:680px;margin:26px 0}
.mk-categories-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.mk-tag{display:inline-flex;border:1px solid #d8c4f3;background:#eee6fb;color:#623aa2;border-radius:10px;padding:7px 11px;font-size:11px;font-weight:850}
.mk-provider-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.mk-provider-aside{background:#fff;border:1px solid var(--mk-outline);border-radius:26px;padding:29px;box-shadow:0 9px 30px #57418809}
.mk-provider-aside h2{font-size:20px;margin:13px 0 10px}
.mk-provider-aside h3{font-size:14px;margin:18px 0 8px}
.mk-provider-aside p{font-size:13px;color:var(--mk-muted);line-height:1.8}
.mk-provider-aside hr{height:1px;border:0;background:#e9e2ef;margin:22px 0}
.mk-status{display:inline-block;border:1px solid #eee6f8;background:#faf6ff;color:#765996;font-size:11px;font-weight:800;border-radius:12px;padding:9px 12px;margin-top:18px}
.mk-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.mk-review-panel{padding:30px;border:1px solid var(--mk-outline);border-radius:25px;background:#fff}
.mk-review-panel h2{font-size:23px;letter-spacing:-.03em;margin-bottom:17px}.mk-review-panel h3{font-size:15px;letter-spacing:-.015em;margin-top:23px;margin-bottom:9px}
.mk-review-panel p{font-size:13px;line-height:1.9;color:var(--mk-muted)}
.mk-features-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.mk-features-list li{display:flex;align-items:start;gap:11px;color:#514963;font-size:13px;line-height:1.5}
.mk-features-list span{display:grid;place-items:center;border-radius:8px;width:23px;height:23px;flex:none;background:#eee7ff;color:#6740c4;font-weight:900}
.mk-partner-explain{margin-top:24px;padding:27px;background:#f8f5fe;border:1px solid #e8e0f2;border-radius:24px}
.mk-partner-explain h2{font-size:18px;margin-bottom:9px}.mk-partner-explain p{color:#746c81;font-size:12px;line-height:1.9}.mk-partner-explain a{display:inline-flex;margin-top:13px;font-size:12px;font-weight:850;color:#6b41c1}
.mk-platform-hero{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding:18px 22px;background:#f9f6ff;border:1px solid #eee5f6;border-radius:19px}
.mk-platform-hero img{width:27px;height:27px}.mk-platform-hero span{font-size:14px;font-weight:850}.mk-platform-hero b{margin-left:auto;font-size:12px;color:#745c93}
.mk-chooser{padding-top:80px;padding-bottom:80px;max-width:1050px}.mk-chooser .mk-brand{margin-bottom:65px}.mk-chooser h1{font-size:clamp(36px,5vw,64px);margin:14px 0}.mk-chooser p{font-size:15px;color:#71677e;margin-bottom:35px}
.mk-languages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mk-languages a{display:flex;justify-content:space-between;border:1px solid var(--mk-outline);border-radius:14px;padding:15px 18px;font-weight:750;font-size:12px}.mk-languages a:hover{border-color:#bb9cec;background:#faf5ff}
.mk-legal{padding:70px 0 120px;max-width:880px}.mk-legal>.mk-brand{display:flex;width:194px}.mk-back{display:block;margin:40px 0 30px;font-size:13px;color:#7440cf}.mk-legal h1{font-size:clamp(33px,5vw,58px)}.mk-legal>p,.mk-legal-block p{font-size:14px;line-height:1.95;color:#716a7f;margin-top:16px}.mk-legal-block{border-top:1px solid var(--mk-outline);margin-top:30px;padding-top:30px}.mk-legal-block h2{font-size:21px}
@media(max-width:1100px){.mk-category-grid,.mk-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-hero-grid{gap:35px}.mk-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:840px){.mk-nav-links{gap:16px}.mk-nav-action{display:none}.mk-hero-grid{grid-template-columns:1fr}.mk-hero-media{max-width:700px;margin-inline:auto}.mk-floating-note{left:16px}.mk-category-grid,.mk-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-provider-hero{grid-template-columns:1fr}.mk-footer-columns{gap:24px}.mk-info-grid{grid-template-columns:1fr}}
@media(max-width:600px){.mk-nav{gap:7px;min-height:70px}.mk-brand img{width:135px}.mk-nav-links{gap:9px}.mk-nav-links a{font-size:10px}.mk-nav-right{gap:4px}.mk-lang summary{font-size:10px;padding:9px 8px}.mk-hero{padding:56px 0 66px}.mk-hero-copy h1{font-size:clamp(36px,10vw,52px)}.mk-hero-copy>p{font-size:14px}.mk-hero-media>img{height:250px}.mk-trust{font-size:10px}.mk-floating-note{left:11px;padding:12px}.mk-section{padding-top:59px;padding-bottom:55px}.mk-section-heading{align-items:start;flex-direction:column}.mk-section-heading>p{font-size:12px}.mk-category-grid,.mk-provider-grid{grid-template-columns:1fr}.mk-category-card{min-height:180px;padding:22px}.mk-service-card{min-height:260px}.mk-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-platform-card{padding:12px;gap:8px}.mk-platform-card img{width:20px;height:20px}.mk-platform-card b{font-size:11px}.mk-page{padding-top:19px;padding-bottom:57px}.mk-page-intro{margin:30px 0}.mk-page-intro p{font-size:13px}.mk-filters{flex-direction:column}.mk-provider-main,.mk-provider-aside,.mk-review-panel{padding:23px}.mk-provider-heading .mk-service-avatar{width:57px;height:57px;font-size:21px}.mk-provider-heading h1{font-size:36px}.mk-info-grid{gap:14px}.mk-footer-columns{grid-template-columns:1fr 1fr;gap:28px}.mk-footer-columns>div:first-child{grid-column:1/-1}.mk-footer-last{flex-direction:column;gap:9px}.mk-languages{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-chooser{padding-top:45px}}
@media(max-width:355px){.mk-brand img{width:117px}.mk-nav-links a{font-size:9px}.mk-nav-links{gap:6px}.mk-platform-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mk-btn,.mk-service-card,.mk-category-card{transition:none}.mk-btn:hover,.mk-service-card:hover,.mk-category-card:hover{transform:none}}
