/* ==========================================================
   MERKATO PARTNER HUB · VISUAL SYSTEM 2026
   Final override layer.
   ========================================================== */

:root{
    --mk-bg:#060c12;
    --mk-bg-2:#08111a;

    --mk-panel:#0b151f;
    --mk-panel-2:#0f1b27;
    --mk-panel-3:#122130;

    --mk-text:#f7f9fb;
    --mk-muted:#9baaba;
    --mk-muted-2:#6f8193;

    --mk-line:rgba(255,255,255,.085);
    --mk-line-2:rgba(255,255,255,.13);

    --mk-lime:#c8ff2e;
    --mk-cyan:#39c9ff;
    --mk-teal:#31d2b2;
    --mk-blue:#6a9cff;
    --mk-violet:#a995ff;
    --mk-amber:#f3bd42;
    --mk-danger:#ff7373;

    --mk-radius:18px;
    --mk-radius-sm:13px;

    --mk-shadow:0 22px 65px rgba(0,0,0,.22);
}

/* ==========================================================
   GLOBAL
   ========================================================== */

html{
    background:var(--mk-bg)!important;
}

html body{
    color:var(--mk-text);
}

*{
    box-sizing:border-box;
}

::selection{
    background:rgba(57,201,255,.24);
    color:#fff;
}

a{
    -webkit-tap-highlight-color:transparent;
}

/* ==========================================================
   HOME PUBLICO
   ========================================================== */

.mkh-page{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(
            900px 540px at 80% 4%,
            rgba(57,201,255,.075),
            transparent 64%
        ),
        radial-gradient(
            700px 500px at 13% 30%,
            rgba(169,149,255,.05),
            transparent 70%
        ),
        linear-gradient(180deg,#060c12,#071018 55%,#060c12);
    color:var(--mk-text);
    font-family:Manrope,Inter,system-ui,sans-serif;
}

.mkh-page a{
    color:inherit;
    text-decoration:none;
}

.mkh-wrap{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
}

.mkh-nav{
    position:sticky;
    top:0;
    z-index:40;
    background:rgba(6,12,18,.82);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.055);
}

.mkh-nav-inner{
    min-height:74px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.mkh-brand img{
    display:block;
    width:auto;
    height:34px;
}

.mkh-links{
    display:flex;
    align-items:center;
    gap:25px;
    font-size:13px;
    font-weight:700;
    color:#a9b5c0;
}

.mkh-links > a:not(.mkh-btn):hover{
    color:#fff;
}

.mkh-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.mkh-btn{
    min-height:44px;
    padding:0 17px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    color:#f7f9fb!important;
    font-size:13px;
    font-weight:800;
    transition:.18s ease;
}

.mkh-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(57,201,255,.35);
    background:rgba(57,201,255,.055);
}

.mkh-btn-primary{
    background:var(--mk-lime);
    color:#071007!important;
    border-color:rgba(200,255,46,.55);
    box-shadow:0 12px 32px rgba(200,255,46,.09);
}

.mkh-btn-primary:hover{
    background:#d4ff59;
    border-color:#d4ff59;
}

.mkh-btn-cyan{
    border-color:rgba(57,201,255,.28);
    background:rgba(57,201,255,.08);
}

.mkh-eyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 15px;
    color:var(--mk-cyan);
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.mkh-eyebrow::before{
    content:"";
    width:27px;
    height:1px;
    background:currentColor;
}

.mkh-hero{
    min-height:650px;
    padding:88px 0 72px;
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);
    align-items:center;
    gap:78px;
}

.mkh-hero-copy h1{
    max-width:720px;
    margin:0;
    font-family:Sora,Manrope,sans-serif;
    font-size:clamp(48px,5.3vw,76px);
    line-height:.98;
    letter-spacing:-.058em;
    font-weight:700;
}

.mkh-hero-copy h1 span{
    display:block;
    background:linear-gradient(
        100deg,
        var(--mk-lime) 0%,
        #e2ff8b 42%,
        var(--mk-cyan) 100%
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.mkh-hero-copy > p{
    max-width:670px;
    margin:25px 0 0;
    color:#a6b4c2;
    font-size:17px;
    line-height:1.7;
}

.mkh-hero-copy .mkh-actions{
    margin-top:30px;
}

.mkh-trust{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin-top:24px;
}

.mkh-trust span{
    padding:8px 11px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.075);
    background:rgba(255,255,255,.025);
    color:#8f9fae;
    font-size:11px;
    font-weight:800;
}

.mkh-trust span:nth-child(1){
    color:#70e5d0;
    border-color:rgba(49,210,178,.16);
}

.mkh-trust span:nth-child(2){
    color:#ffd66f;
    border-color:rgba(243,189,66,.17);
}

.mkh-trust span:nth-child(3){
    color:#79d9ff;
    border-color:rgba(57,201,255,.16);
}

.mkh-trust span:nth-child(4){
    color:#b8a8ff;
    border-color:rgba(169,149,255,.16);
}

/* HERO PRODUCT UI */

.mkh-console{
    position:relative;
    min-height:414px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:28px;
    background:
        radial-gradient(
            380px 250px at 90% 0,
            rgba(57,201,255,.08),
            transparent 70%
        ),
        linear-gradient(
            145deg,
            rgba(15,28,40,.98),
            rgba(8,16,24,.98)
        );
    box-shadow:var(--mk-shadow);
    overflow:hidden;
}

.mkh-console::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.33;
    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:42px 42px;
}

.mkh-console-head{
    position:relative;
    z-index:2;
    padding:22px 23px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.065);
}

.mkh-console-head b{
    font-size:13px;
}

.mkh-live{
    display:flex;
    align-items:center;
    gap:7px;
    color:#85d9ff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.1em;
}

.mkh-live::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--mk-teal);
    box-shadow:0 0 0 5px rgba(49,210,178,.08);
}

.mkh-console-body{
    position:relative;
    z-index:2;
    padding:22px;
    display:grid;
    gap:12px;
}

.mkh-wallet-preview{
    padding:19px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    border-radius:17px;
    border:1px solid rgba(57,201,255,.13);
    background:
        linear-gradient(
            110deg,
            rgba(57,201,255,.075),
            rgba(255,255,255,.018)
        );
}

.mkh-wallet-preview small,
.mkh-console-row small{
    color:#798b9c;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
}

.mkh-wallet-preview strong{
    display:block;
    margin-top:7px;
    font-family:Sora,sans-serif;
    font-size:29px;
    letter-spacing:-.04em;
}

.mkh-wallet-preview .mkh-usd{
    color:var(--mk-cyan);
    font-size:11px;
    font-weight:900;
}

.mkh-console-row{
    min-height:66px;
    padding:13px 15px;
    display:grid;
    grid-template-columns:40px 1fr auto;
    align-items:center;
    gap:12px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:15px;
    background:rgba(255,255,255,.025);
}

.mkh-console-icon{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(57,201,255,.08);
    color:var(--mk-cyan);
    font-size:9px;
    font-weight:900;
}

.mkh-console-row:nth-child(3) .mkh-console-icon{
    background:rgba(243,189,66,.09);
    color:var(--mk-amber);
}

.mkh-console-row:nth-child(4) .mkh-console-icon{
    background:rgba(169,149,255,.09);
    color:#b6a8ff;
}

.mkh-console-row b{
    display:block;
    margin-bottom:3px;
    font-size:12px;
}

.mkh-console-row span{
    color:#8495a5;
    font-size:10px;
}

.mkh-status{
    padding:6px 8px;
    border-radius:999px;
    background:rgba(49,210,178,.08);
    color:#65e4cc!important;
    font-size:9px!important;
    font-weight:900;
}

/* METRICS */

.mkh-metrics{
    border-top:1px solid rgba(255,255,255,.055);
    border-bottom:1px solid rgba(255,255,255,.055);
    background:rgba(255,255,255,.014);
}

.mkh-metrics-grid{
    min-height:112px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.mkh-metric{
    padding:25px 30px;
    border-right:1px solid rgba(255,255,255,.055);
}

.mkh-metric:last-child{
    border-right:0;
}

.mkh-metric strong{
    display:block;
    font-family:Sora,sans-serif;
    font-size:21px;
}

.mkh-metric span{
    display:block;
    margin-top:5px;
    color:#758798;
    font-size:11px;
}

/* SECTIONS */

.mkh-section{
    padding:92px 0;
}

.mkh-section + .mkh-section{
    border-top:1px solid rgba(255,255,255,.045);
}

.mkh-head{
    max-width:720px;
    margin-bottom:34px;
}

.mkh-head h2{
    margin:0;
    font-family:Sora,sans-serif;
    font-size:clamp(32px,4vw,49px);
    line-height:1.04;
    letter-spacing:-.045em;
}

.mkh-head p{
    margin:14px 0 0;
    color:#899baa;
    font-size:15px;
    line-height:1.7;
}

/* FUNDING */

.mkh-funding-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.mkh-funding{
    min-height:220px;
    padding:25px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border-radius:21px;
    border:1px solid var(--mk-line);
    background:var(--mk-panel);
}

.mkh-funding.usdt{
    background:
        radial-gradient(
            420px 240px at 90% -20%,
            rgba(49,210,178,.13),
            transparent 65%
        ),
        var(--mk-panel);
    border-color:rgba(49,210,178,.16);
}

.mkh-funding.pay{
    background:
        radial-gradient(
            420px 240px at 90% -20%,
            rgba(243,189,66,.13),
            transparent 65%
        ),
        var(--mk-panel);
    border-color:rgba(243,189,66,.17);
}

.mkh-method-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    font-weight:900;
    font-size:11px;
}

.usdt .mkh-method-icon{
    background:rgba(49,210,178,.09);
    color:#6ae6d0;
}

.pay .mkh-method-icon{
    background:rgba(243,189,66,.10);
    color:#ffd265;
}

.mkh-funding h3{
    margin:24px 0 7px;
    font-size:20px;
}

.mkh-funding p{
    margin:0;
    max-width:520px;
    color:#8696a5;
    font-size:13px;
    line-height:1.65;
}

.mkh-funding-foot{
    margin-top:25px;
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:#a9b6c2;
    font-size:11px;
    font-weight:800;
}

.mkh-funding-foot b{
    color:#fff;
}

/* PROCESS */

.mkh-process{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.mkh-step{
    min-height:195px;
    padding:21px;
    border-radius:18px;
    border:1px solid var(--mk-line);
    background:rgba(11,21,31,.72);
}

.mkh-step-num{
    width:33px;
    height:33px;
    display:grid;
    place-items:center;
    margin-bottom:30px;
    border-radius:10px;
    background:rgba(57,201,255,.08);
    color:var(--mk-cyan);
    font-size:10px;
    font-weight:900;
}

.mkh-step:nth-child(2) .mkh-step-num{
    color:#64e0c9;
    background:rgba(49,210,178,.08);
}

.mkh-step:nth-child(3) .mkh-step-num{
    color:#b7a9ff;
    background:rgba(169,149,255,.08);
}

.mkh-step:nth-child(4) .mkh-step-num{
    color:#ffd369;
    background:rgba(243,189,66,.08);
}

.mkh-step h3{
    margin:0;
    font-size:16px;
}

.mkh-step p{
    margin:8px 0 0;
    color:#7f91a1;
    font-size:12px;
    line-height:1.6;
}

/* TIERS */

.mkh-tier-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.mkh-tier{
    padding:27px;
    border-radius:21px;
    border:1px solid var(--mk-line);
    background:var(--mk-panel);
}

.mkh-tier.pro{
    border-top:2px solid var(--mk-cyan);
}

.mkh-tier.business{
    border-top:2px solid var(--mk-lime);
    background:
        radial-gradient(
            420px 250px at 100% 0,
            rgba(200,255,46,.055),
            transparent 70%
        ),
        var(--mk-panel);
}

.mkh-tier-tag{
    display:inline-flex;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(57,201,255,.075);
    color:var(--mk-cyan);
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
}

.business .mkh-tier-tag{
    background:rgba(200,255,46,.07);
    color:var(--mk-lime);
}

.mkh-tier h3{
    margin:20px 0 5px;
    font-family:Sora,sans-serif;
    font-size:28px;
}

.mkh-tier > p{
    margin:0;
    color:#8393a2;
    font-size:13px;
}

.mkh-tier-price{
    margin:27px 0 19px;
    font-family:Sora,sans-serif;
    font-size:35px;
    letter-spacing:-.05em;
}

.mkh-tier-price small{
    display:block;
    margin-top:5px;
    color:#738596;
    font:700 10px Manrope,sans-serif;
    letter-spacing:0;
}

.mkh-tier ul{
    padding:0;
    margin:0 0 25px;
    display:grid;
    gap:10px;
    list-style:none;
}

.mkh-tier li{
    color:#a6b3bf;
    font-size:12px;
}

.mkh-tier li::before{
    content:"";
    width:6px;
    height:6px;
    display:inline-block;
    margin-right:10px;
    border-radius:50%;
    background:var(--mk-cyan);
}

.business li::before{
    background:var(--mk-lime);
}

/* PRICE BROWSER */

.mkh-price-switch{
    display:flex;
    width:max-content;
    max-width:100%;
    padding:4px;
    margin-bottom:20px;
    border:1px solid var(--mk-line);
    border-radius:14px;
    background:#09121a;
}

.mkh-price-tab{
    min-width:118px;
    min-height:40px;
    padding:0 15px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#7f91a1;
    font:800 12px Manrope,sans-serif;
    cursor:pointer;
}

.mkh-price-tab.is-active{
    background:#132230;
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(57,201,255,.12);
}

.mkh-price-browser{
    display:grid;
    gap:10px;
}

.mkh-game{
    overflow:hidden;
    border:1px solid var(--mk-line);
    border-radius:17px;
    background:rgba(11,21,31,.78);
}

.mkh-game summary{
    min-height:68px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    cursor:pointer;
    list-style:none;
}

.mkh-game summary::-webkit-details-marker{
    display:none;
}

.mkh-game-title{
    display:flex;
    align-items:center;
    gap:12px;
}

.mkh-game-icon{
    width:37px;
    height:37px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:rgba(57,201,255,.07);
    border:1px solid rgba(57,201,255,.11);
    color:var(--mk-cyan);
    font-size:10px;
    font-weight:900;
}

.mkh-game-title b{
    display:block;
    font-size:13px;
}

.mkh-game summary > span{
    color:#708395;
    font-size:10px;
    font-weight:800;
}

.mkh-table-wrap{
    padding:0 13px 13px;
}

.mkh-table{
    width:100%;
    table-layout:fixed;
    border-spacing:0;
    border-collapse:separate;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.055);
    border-radius:12px;
}

.mkh-table th,
.mkh-table td{
    padding:12px 13px;
    border-bottom:1px solid rgba(255,255,255,.05);
    text-align:left;
}

.mkh-table tr:last-child td{
    border-bottom:0;
}

.mkh-table th{
    color:#758899;
    background:rgba(255,255,255,.018);
    font-size:9px;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.mkh-table th:last-child,
.mkh-table td:last-child{
    text-align:right;
}

.mkh-table td{
    color:#dce3e9;
    font-size:12px;
}

.mkh-price-value{
    display:none;
    color:#fff;
    font-weight:900;
}

.mkh-page[data-price-tier="pro"]
.mkh-price-value[data-tier="pro"]{
    display:inline;
}

.mkh-page[data-price-tier="business"]
.mkh-price-value[data-tier="business"]{
    display:inline;
}

/* TOOLS */

.mkh-tools{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.mkh-tool{
    min-height:180px;
    padding:21px;
    border:1px solid var(--mk-line);
    border-radius:18px;
    background:var(--mk-panel);
}

.mkh-tool-code{
    width:max-content;
    padding:7px 9px;
    border-radius:9px;
    background:rgba(57,201,255,.075);
    color:var(--mk-cyan);
    font-size:9px;
    font-weight:900;
}

.mkh-tool:nth-child(2) .mkh-tool-code{
    color:#6ae3cc;
    background:rgba(49,210,178,.075);
}

.mkh-tool:nth-child(3) .mkh-tool-code{
    color:#b9abff;
    background:rgba(169,149,255,.075);
}

.mkh-tool:nth-child(4) .mkh-tool-code{
    color:#ffd46e;
    background:rgba(243,189,66,.075);
}

.mkh-tool h3{
    margin:25px 0 7px;
    font-size:15px;
}

.mkh-tool p{
    margin:0;
    color:#7c8f9f;
    font-size:11px;
    line-height:1.65;
}

/* CTA */

.mkh-final{
    padding-bottom:90px;
}

.mkh-cta{
    position:relative;
    padding:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    overflow:hidden;
    border:1px solid rgba(57,201,255,.11);
    border-radius:25px;
    background:
        radial-gradient(
            550px 260px at 100% 0,
            rgba(57,201,255,.085),
            transparent 70%
        ),
        radial-gradient(
            450px 240px at 0 100%,
            rgba(200,255,46,.05),
            transparent 70%
        ),
        #0b151f;
}

.mkh-cta h2{
    max-width:650px;
    margin:0;
    font-family:Sora,sans-serif;
    font-size:clamp(28px,3.6vw,43px);
    letter-spacing:-.045em;
}

.mkh-cta p{
    margin:10px 0 0;
    color:#8193a3;
    font-size:13px;
}

.mkh-footer{
    padding:29px 0;
    border-top:1px solid rgba(255,255,255,.055);
}

.mkh-footer-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    color:#5f7182;
    font-size:10px;
    letter-spacing:.08em;
}

.mkh-footer img{
    height:27px;
    width:auto;
}

/* ==========================================================
   REGISTER
   ========================================================== */

.mkreg-page{
    margin:0;
    min-height:100vh;
    display:grid;
    grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);
    background:#060c12;
    color:#f7f9fb;
    font-family:Manrope,Inter,sans-serif;
}

.mkreg-aside{
    position:relative;
    min-height:100vh;
    padding:48px clamp(35px,5vw,78px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    overflow:hidden;
    border-right:1px solid rgba(255,255,255,.055);
    background:
        radial-gradient(
            580px 400px at 15% 18%,
            rgba(57,201,255,.085),
            transparent 70%
        ),
        radial-gradient(
            500px 340px at 80% 88%,
            rgba(169,149,255,.05),
            transparent 70%
        ),
        #071018;
}

.mkreg-aside img{
    width:auto;
    height:32px;
}

.mkreg-copy{
    max-width:540px;
}

.mkreg-copy .mkh-eyebrow{
    margin-bottom:19px;
}

.mkreg-copy h1{
    margin:0;
    font-family:Sora,sans-serif;
    font-size:clamp(39px,4.4vw,63px);
    line-height:1;
    letter-spacing:-.055em;
}

.mkreg-copy h1 span{
    display:block;
    color:var(--mk-cyan);
}

.mkreg-copy p{
    margin:21px 0 0;
    color:#8da0b1;
    font-size:14px;
    line-height:1.7;
}

.mkreg-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:29px;
}

.mkreg-point{
    padding:13px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.025);
}

.mkreg-point b{
    display:block;
    font-size:11px;
}

.mkreg-point span{
    display:block;
    margin-top:3px;
    color:#6f8294;
    font-size:9px;
}

.mkreg-aside-foot{
    color:#526578;
    font-size:9px;
    letter-spacing:.12em;
    font-weight:900;
}

.mkreg-form-side{
    min-height:100vh;
    padding:44px 25px;
    display:grid;
    place-items:center;
    background:
        radial-gradient(
            580px 360px at 100% 0,
            rgba(200,255,46,.035),
            transparent 70%
        ),
        #081018;
}

.mkreg-card{
    width:min(670px,100%);
    padding:31px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    background:#0b151f;
    box-shadow:var(--mk-shadow);
}

.mkreg-card-head{
    margin-bottom:23px;
}

.mkreg-card-head small{
    color:var(--mk-cyan);
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.mkreg-card-head h2{
    margin:7px 0 0;
    font-family:Sora,sans-serif;
    font-size:27px;
    letter-spacing:-.035em;
}

.mkreg-card-head p{
    margin:7px 0 0;
    color:#7c8f9f;
    font-size:11px;
    line-height:1.55;
}

.mkreg-selected{
    margin-bottom:19px;
    padding:13px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:1px solid rgba(200,255,46,.14);
    border-radius:13px;
    background:rgba(200,255,46,.035);
}

.mkreg-selected b{
    font-size:12px;
}

.mkreg-selected span{
    color:var(--mk-lime);
    font-size:11px;
    font-weight:900;
}

.mkreg-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.mkreg-field{
    min-width:0;
}

.mkreg-field.full{
    grid-column:1/-1;
}

.mkreg-field label{
    display:block;
    margin-bottom:7px;
    color:#b4c0cb;
    font-size:10px;
    font-weight:800;
}

.mkreg-input{
    width:100%;
    height:46px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:11px;
    outline:none;
    background:#071018;
    color:#fff;
    font:600 12px Manrope,sans-serif;
}

.mkreg-input:focus{
    border-color:rgba(57,201,255,.48);
    box-shadow:0 0 0 3px rgba(57,201,255,.055);
}

.mkreg-password{
    position:relative;
}

.mkreg-password .mkreg-input{
    padding-right:66px;
}

.mkreg-toggle{
    position:absolute;
    right:9px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    color:#6d8294;
    font:800 9px Manrope,sans-serif;
    cursor:pointer;
}

.mkreg-error{
    margin-top:5px;
    color:#ff8d8d;
    font-size:9px;
}

.mkreg-submit{
    width:100%;
    min-height:47px;
    margin-top:18px;
    border:0;
    border-radius:11px;
    background:var(--mk-lime);
    color:#071007;
    font:900 12px Manrope,sans-serif;
    cursor:pointer;
}

.mkreg-bottom{
    margin-top:19px;
    color:#718496;
    font-size:10px;
    text-align:center;
}

.mkreg-bottom a{
    color:var(--mk-cyan);
    font-weight:800;
    text-decoration:none;
}

/* ==========================================================
   LOGIN OVERRIDES
   ========================================================== */

html body.mp-login{
    background:#060c12!important;
}

html body.mp-login .mp-login-visual{
    background:
        radial-gradient(
            600px 400px at 18% 16%,
            rgba(57,201,255,.075),
            transparent 70%
        ),
        radial-gradient(
            460px 330px at 75% 90%,
            rgba(200,255,46,.035),
            transparent 70%
        ),
        #071018!important;
}

html body.mp-login .mp-login-form-side{
    background:#080f16!important;
}

html body.mp-login .mp-login-label,
html body.mp-login .mp-login-status{
    color:var(--mk-cyan)!important;
}

html body.mp-login .mp-login-label span,
html body.mp-login .mp-login-status i{
    background:var(--mk-cyan)!important;
}

html body.mp-login .mp-login-copy h1{
    font-size:clamp(42px,4.5vw,62px)!important;
    line-height:1!important;
}

html body.mp-login .mp-login-copy h1 strong{
    color:var(--mk-lime)!important;
}

html body.mp-login .mp-login-copy > p{
    color:#93a4b5!important;
}

html body.mp-login .mp-login-card{
    border-color:rgba(57,201,255,.11)!important;
    background:#0b151f!important;
    box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
}

html body.mp-login .mp-login-card-head h2{
    font-size:27px!important;
}

html body.mp-login .mp-login-card-head p{
    color:#8799aa!important;
}

html body.mp-login .mp-input{
    background:#071018!important;
    border-color:rgba(255,255,255,.09)!important;
}

html body.mp-login .mp-input:focus{
    border-color:rgba(57,201,255,.48)!important;
    box-shadow:0 0 0 3px rgba(57,201,255,.055)!important;
}

html body.mp-login .mp-forgot,
html body.mp-login .mp-login-register a{
    color:var(--mk-cyan)!important;
}

html body.mp-login .mp-login-submit{
    background:var(--mk-lime)!important;
    color:#071007!important;
}

/* ==========================================================
   DISTRIBUTOR HUB FINAL OVERRIDES
   ========================================================== */

html body.store-body.mp-partner-body{
    background:#071018!important;
    color:#f6f8fa!important;
}

html body.store-body.mp-partner-body
> .store-background.mp-partner-background{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background:
        radial-gradient(
            850px 500px at 83% 10%,
            rgba(57,201,255,.055),
            transparent 70%
        ),
        radial-gradient(
            680px 440px at 17% 92%,
            rgba(169,149,255,.03),
            transparent 72%
        ),
        linear-gradient(
            145deg,
            #071018 0%,
            #09141e 48%,
            #071018 100%
        )!important;
}

html body.store-body.mp-partner-body
> .store-background.mp-partner-background::before{
    opacity:.24!important;
    background-image:
        linear-gradient(
            rgba(57,201,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57,201,255,.025) 1px,
            transparent 1px
        )!important;
    background-size:72px 72px!important;
}

html body.store-body.mp-partner-body
> .store-background.mp-partner-background::after{
    opacity:.20!important;
}

html body .mp-partner-root,
html body .mp-partner-shell,
html body .mp-partner-main-column,
html body .mp-partner-content{
    background:transparent!important;
}

/* HEADER / SIDEBAR */

html body .mp-partner-topbar,
html body .mp-partner-sidebar{
    background:rgba(6,13,19,.94)!important;
    border-color:rgba(255,255,255,.075)!important;
}

html body .mp-sidebar-profile{
    background:rgba(255,255,255,.024)!important;
    border-color:rgba(57,201,255,.10)!important;
}

html body .mp-sidebar-profile small{
    color:var(--mk-cyan)!important;
}

html body .mp-sidebar-profile strong{
    color:#fff!important;
}

html body .mp-sidebar-profile span{
    color:#7d90a1!important;
}

html body .mp-sidebar-avatar{
    background:
        linear-gradient(
            145deg,
            rgba(57,201,255,.95),
            rgba(49,210,178,.92)
        )!important;
    color:#061016!important;
}

html body .mp-sidebar-balance{
    border-color:rgba(200,255,46,.11)!important;
    background:rgba(200,255,46,.025)!important;
}

html body .mp-sidebar-nav a{
    color:#d7dfe6!important;
}

html body .mp-sidebar-nav a:hover{
    background:rgba(57,201,255,.05)!important;
}

html body .mp-sidebar-nav a.is-active,
html body .mp-sidebar-nav a.active{
    background:rgba(57,201,255,.075)!important;
    border-color:rgba(57,201,255,.28)!important;
}

html body .mp-sidebar-nav a.is-active svg,
html body .mp-sidebar-nav a.active svg{
    color:var(--mk-cyan)!important;
}

/* HEADINGS */

html body .hub-home-user small,
html body .hub-kicker{
    color:#72d7ff!important;
}

html body .hub-home-user h1,
html body .hub-section-head h1,
html body .hub-section-head h2{
    color:#fff!important;
}

html body .hub-home-user h1{
    font-size:28px!important;
    line-height:1.05!important;
}

html body .hub-section-head h1{
    font-size:34px!important;
    line-height:1.04!important;
}

html body .hub-section-head h2{
    font-size:29px!important;
    line-height:1.04!important;
}

html body
.hub-section-head.hub-dashboard-games-head
.hub-kicker{
    color:#72d7ff!important;
    font-size:8px!important;
}

html body
.hub-section-head.hub-dashboard-games-head
h2{
    color:#fff!important;
    font-size:29px!important;
}

html body
.hub-section-head.hub-dashboard-games-head
p:not(.hub-kicker){
    color:#758899!important;
    font-size:10px!important;
}

/* CARDS */

html body .hub-card,
html body .hub-stat-card,
html body .hub-game-card{
    border-color:rgba(255,255,255,.075)!important;
    background:#0b151f!important;
    box-shadow:none!important;
}

/* BOTON MEJORAR PRECIOS */

html body .mp-price-upgrade-button{
    min-height:44px!important;
    border-color:rgba(57,201,255,.26)!important;
    background:
        linear-gradient(
            100deg,
            rgba(57,201,255,.085),
            rgba(169,149,255,.035)
        )!important;
    color:#fff!important;
}

html body .mp-price-upgrade-icon{
    color:var(--mk-cyan)!important;
}

html body .mp-price-upgrade-arrow{
    color:#a8b8c7!important;
}

/* ==========================================================
   WALLET
   ========================================================== */

html body .hub-wallet-balance::after,
html body .mp-wallet-intro::after{
    content:none!important;
    display:none!important;
}

html body .hub-wallet-balance{
    min-height:220px!important;
    border-color:rgba(57,201,255,.13)!important;
    background:
        radial-gradient(
            400px 240px at 90% 5%,
            rgba(57,201,255,.075),
            transparent 68%
        ),
        linear-gradient(
            145deg,
            #0d1923,
            #0a131c
        )!important;
}

html body .hub-wallet-balance > small{
    color:#7f91a2!important;
    font-size:9px!important;
}

html body .hub-wallet-balance > strong{
    color:#fff!important;
    font-size:42px!important;
}

html body .hub-wallet-balance > span{
    color:#93a3b2!important;
    font-size:10px!important;
}

html body .hub-wallet-meta{
    margin-top:20px!important;
}

html body .hub-wallet-meta > div{
    border-color:rgba(255,255,255,.07)!important;
    background:rgba(255,255,255,.025)!important;
}

html body .hub-wallet-meta b{
    color:#fff!important;
}

html body .hub-wallet-meta small{
    color:#718496!important;
}

html body .hub-wallet-fund{
    border-color:rgba(255,255,255,.075)!important;
    background:#0b151f!important;
}

html body .hub-wallet-fund h2{
    color:#fff!important;
    font-size:25px!important;
}

html body .hub-wallet-fund > p:not(.hub-kicker){
    color:#8c9cab!important;
    font-size:10px!important;
}

html body .hub-funding-method{
    min-height:66px!important;
    border-color:rgba(255,255,255,.075)!important;
    background:rgba(255,255,255,.02)!important;
}

html body .hub-funding-method:nth-child(1){
    border-color:rgba(49,210,178,.18)!important;
    background:rgba(49,210,178,.035)!important;
}

html body .hub-funding-method:nth-child(1) > span{
    color:#63e4cc!important;
    background:rgba(49,210,178,.09)!important;
}

html body .hub-funding-method:nth-child(2){
    border-color:rgba(243,189,66,.17)!important;
    background:rgba(243,189,66,.028)!important;
}

html body .hub-funding-method:nth-child(2) > span{
    color:#ffd163!important;
    background:rgba(243,189,66,.09)!important;
}

html body .hub-funding-method.is-active{
    box-shadow:inset 0 0 0 1px rgba(57,201,255,.12)!important;
}

/* ==========================================================
   TIER PAGE
   ========================================================== */

.mkt-page{
    display:grid;
    gap:16px;
}

.mkt-top{
    padding:21px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:18px;
    background:#0b151f;
}

.mkt-top-copy{
    min-width:0;
}

.mkt-kicker{
    margin:0 0 5px;
    color:var(--mk-cyan);
    font-size:8px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.mkt-top h1{
    margin:0;
    color:#fff;
    font-family:Sora,Manrope,sans-serif;
    font-size:30px;
    line-height:1.05;
    letter-spacing:-.04em;
}

.mkt-top p{
    margin:7px 0 0;
    color:#8294a4;
    font-size:10px;
    line-height:1.55;
}

.mkt-current{
    flex:0 0 auto;
    padding:9px 11px;
    border:1px solid rgba(57,201,255,.12);
    border-radius:11px;
    background:rgba(57,201,255,.04);
}

.mkt-current small{
    display:block;
    color:#6d8192;
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.mkt-current b{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:12px;
}

.mkt-switch{
    width:max-content;
    max-width:100%;
    display:flex;
    gap:5px;
    padding:4px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:13px;
    background:#08111a;
}

.mkt-switch a{
    min-width:112px;
    min-height:39px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    color:#8293a3;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}

.mkt-switch a.is-active{
    background:#132331;
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(57,201,255,.12);
}

.mkt-plan{
    padding:18px 19px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:20px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:17px;
    background:
        radial-gradient(
            360px 220px at 100% 0,
            rgba(57,201,255,.055),
            transparent 72%
        ),
        #0b151f;
}

.mkt-plan.is-business{
    background:
        radial-gradient(
            360px 220px at 100% 0,
            rgba(200,255,46,.05),
            transparent 72%
        ),
        #0b151f;
}

.mkt-plan h2{
    margin:0;
    color:#fff;
    font-family:Sora,sans-serif;
    font-size:21px;
}

.mkt-plan p{
    margin:5px 0 0;
    color:#8193a3;
    font-size:9px;
}

.mkt-plan-price{
    margin-top:13px;
    color:#fff;
    font-family:Sora,sans-serif;
    font-size:24px;
    letter-spacing:-.04em;
}

.mkt-plan-price small{
    margin-left:6px;
    color:#6f8293;
    font:700 8px Manrope,sans-serif;
    letter-spacing:0;
}

.mkt-plan-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.mkt-btn{
    min-height:40px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.10);
    border-radius:10px;
    background:rgba(255,255,255,.025);
    color:#fff;
    font:900 10px Manrope,sans-serif;
    text-decoration:none;
    cursor:pointer;
}

.mkt-btn-primary{
    border-color:rgba(200,255,46,.40);
    background:var(--mk-lime);
    color:#071007;
}

.mkt-pending{
    padding:15px 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:17px;
    border:1px solid rgba(243,189,66,.13);
    border-radius:14px;
    background:rgba(243,189,66,.028);
}

.mkt-pending strong{
    color:#ffd267;
    font-size:11px;
}

.mkt-pending p{
    margin:4px 0 0;
    color:#8496a6;
    font-size:9px;
}

.mkt-alert{
    padding:12px 14px;
    border-radius:12px;
    font-size:10px;
}

.mkt-alert-success{
    border:1px solid rgba(49,210,178,.15);
    background:rgba(49,210,178,.04);
    color:#83ead7;
}

.mkt-alert-warning{
    border:1px solid rgba(243,189,66,.15);
    background:rgba(243,189,66,.04);
    color:#ffd575;
}

.mkt-section-head{
    margin-top:7px;
}

.mkt-section-head h2{
    margin:0;
    color:#fff;
    font-family:Sora,sans-serif;
    font-size:22px;
    letter-spacing:-.035em;
}

.mkt-section-head p{
    margin:6px 0 0;
    color:#718496;
    font-size:9px;
}

.mkt-games{
    display:grid;
    gap:9px;
}

.mkt-game{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;
    background:#0b151f;
}

.mkt-game summary{
    min-height:62px;
    padding:13px 15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    cursor:pointer;
    list-style:none;
}

.mkt-game summary::-webkit-details-marker{
    display:none;
}

.mkt-game-name{
    display:flex;
    align-items:center;
    gap:11px;
}

.mkt-game-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(57,201,255,.11);
    border-radius:10px;
    background:rgba(57,201,255,.055);
    color:var(--mk-cyan);
    font-size:9px;
    font-weight:900;
}

.mkt-game-name b{
    color:#fff;
    font-size:11px;
}

.mkt-game summary > span{
    color:#687d8e;
    font-size:9px;
}

.mkt-table-wrap{
    padding:0 12px 12px;
    overflow:visible!important;
}

.mkt-table{
    width:100%;
    min-width:0!important;
    table-layout:fixed;
    border-spacing:0;
    border-collapse:separate;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.055);
    border-radius:11px;
}

.mkt-table th,
.mkt-table td{
    padding:11px 12px;
    border-bottom:1px solid rgba(255,255,255,.045);
}

.mkt-table tr:last-child td{
    border-bottom:0;
}

.mkt-table th{
    color:#718596;
    background:rgba(255,255,255,.018);
    font-size:8px;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.mkt-table td{
    color:#dce4ea;
    font-size:10px;
}

.mkt-table th:last-child,
.mkt-table td:last-child{
    text-align:right;
}

.mkt-price{
    color:#fff!important;
    font-weight:900;
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:900px){

    .mkh-wrap{
        width:min(100% - 28px,1180px);
    }

    .mkh-nav-inner{
        min-height:66px;
    }

    .mkh-links > a:not(.mkh-btn){
        display:none;
    }

    .mkh-links{
        gap:8px;
    }

    .mkh-links .mkh-btn{
        min-height:39px;
        padding:0 12px;
        font-size:11px;
    }

    .mkh-hero{
        min-height:auto;
        padding:58px 0 52px;
        grid-template-columns:1fr;
        gap:35px;
    }

    .mkh-hero-copy h1{
        font-size:clamp(42px,10vw,62px);
    }

    .mkh-console{
        min-height:390px;
    }

    .mkh-metrics-grid{
        grid-template-columns:1fr 1fr;
    }

    .mkh-metric:nth-child(2){
        border-right:0;
    }

    .mkh-metric:nth-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,.055);
    }

    .mkh-funding-grid,
    .mkh-tier-grid{
        grid-template-columns:1fr;
    }

    .mkh-process,
    .mkh-tools{
        grid-template-columns:1fr 1fr;
    }

    .mkh-cta{
        padding:32px;
        align-items:flex-start;
        flex-direction:column;
    }

    .mkreg-page{
        grid-template-columns:1fr;
    }

    .mkreg-aside{
        min-height:auto;
        padding:32px 24px 38px;
    }

    .mkreg-copy{
        margin-top:55px;
    }

    .mkreg-copy h1{
        font-size:42px;
    }

    .mkreg-aside-foot{
        display:none;
    }

    .mkreg-form-side{
        min-height:auto;
        padding:28px 16px 45px;
    }
}

@media(max-width:640px){

    .mkh-brand img{
        height:28px;
    }

    .mkh-links .mkh-btn:not(.mkh-btn-primary){
        display:none;
    }

    .mkh-hero-copy h1{
        font-size:42px;
    }

    .mkh-hero-copy > p{
        font-size:14px;
    }

    .mkh-section{
        padding:67px 0;
    }

    .mkh-head h2{
        font-size:31px;
    }

    .mkh-process,
    .mkh-tools{
        grid-template-columns:1fr;
    }

    .mkh-metric{
        padding:19px 17px;
    }

    .mkh-price-switch{
        width:100%;
    }

    .mkh-price-tab{
        min-width:0;
        flex:1;
    }

    .mkh-table th:first-child,
    .mkh-table td:first-child{
        width:68%;
    }

    .mkh-table th:last-child,
    .mkh-table td:last-child{
        width:32%;
    }

    .mkh-cta{
        padding:25px;
    }

    .mkh-footer-inner{
        align-items:flex-start;
        flex-direction:column;
    }

    .mkreg-points,
    .mkreg-grid{
        grid-template-columns:1fr;
    }

    .mkreg-field.full{
        grid-column:auto;
    }

    html body .hub-home-user h1{
        font-size:24px!important;
    }

    html body .hub-section-head h1{
        font-size:28px!important;
    }

    html body
    .hub-section-head.hub-dashboard-games-head
    h2{
        font-size:27px!important;
    }

    html body .hub-wallet-balance{
        min-height:210px!important;
    }

    html body .hub-wallet-balance > strong{
        font-size:38px!important;
    }

    .mkt-top{
        padding:17px;
        align-items:flex-start;
        flex-direction:column;
    }

    .mkt-top h1{
        font-size:25px;
    }

    .mkt-current{
        width:100%;
    }

    .mkt-switch{
        width:100%;
    }

    .mkt-switch a{
        min-width:0;
        flex:1;
    }

    .mkt-plan{
        grid-template-columns:1fr;
        padding:16px;
    }

    .mkt-plan-actions{
        width:100%;
    }

    .mkt-plan-actions .mkt-btn,
    .mkt-plan-actions form,
    .mkt-plan-actions form .mkt-btn{
        width:100%;
    }

    .mkt-pending{
        align-items:flex-start;
        flex-direction:column;
    }

    .mkt-table th,
    .mkt-table td{
        padding:10px 9px;
    }
}