:root{--b:#0b7cff;--bg:#020a13;--panel:#071523;--line:#18354d;--muted:#aac0d5}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff}
.tx2-page,.tx2-page *{box-sizing:border-box}.tx2-page{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#020a13,#04111d 60%,#020911)}
.tx2-page a{text-decoration:none}
.tx2-ticker{height:38px;overflow:hidden;background:#02070c;border-bottom:1px solid #152432}.tx2-ticker-track{height:100%;display:flex;white-space:nowrap;align-items:center}.tx2-ticker-item{display:flex;align-items:center;gap:8px;padding:0 20px;border-right:1px solid #183043;font-size:12px}.tx2-ticker-item img{width:22px;height:22px;object-fit:contain}.tx2-up{color:#18d98b}.tx2-down{color:#ff4c60}
.tx2-header{height:102px;max-width:1536px;margin:auto;padding:0 38px;display:grid;grid-template-columns:275px 1fr 175px;align-items:center;gap:24px;border-bottom:1px solid #1a3650;background-image:repeating-radial-gradient(ellipse at 50% -140px,transparent 0 32px,rgba(12,113,255,.22) 33px 35px,transparent 36px 56px),linear-gradient(90deg,#03101b,#061526)}.tx2-brand{display:flex;flex-direction:column;align-items:flex-start}.tx2-brand img{width:160px}.tx2-brand strong{color:#1688ff;font-size:15px;letter-spacing:.06em}.tx2-nav{display:flex;justify-content:center;align-items:center;gap:28px}.tx2-nav a{color:#fff;font-weight:700;font-size:14px}.tx2-signup{background:var(--b);padding:15px 23px;border-radius:6px}.tx2-login{border:1px solid #2b5d8b;padding:14px 23px;border-radius:6px}.tx2-tag{font-size:11px;font-weight:900;line-height:1.35}.tx2-menu,.tx2-mobile-nav{display:none}
.tx2-hero{max-width:1536px;margin:auto;display:grid;grid-template-columns:39% 61%;min-height:455px;border-bottom:1px solid #1b374f}.tx2-copy{padding:65px 38px 55px 58px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#020a13,#04111d)}.tx2-copy h1{font-size:64px;line-height:.97;letter-spacing:-.04em;font-weight:900;margin:0 0 28px}.tx2-copy h1 span{color:var(--b)}.tx2-copy p{font-size:20px;line-height:1.55;max-width:500px;margin:0 0 28px;color:#e8f0f8}.tx2-actions{display:flex;gap:12px}.tx2-primary,.tx2-secondary{min-height:54px;padding:0 30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.tx2-primary{background:var(--b);color:#fff}.tx2-secondary{border:1px solid #2f597c;color:#fff}.tx2-primary:hover,.tx2-secondary:hover{color:#fff}
.tx2-art{min-height:455px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.tx2-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,19,.40),transparent 22%)}.tx2-art-caption{position:absolute;right:28px;top:26px;font-size:12px;line-height:1.7;letter-spacing:.18em;color:#bedcff;font-weight:800;text-align:left}
.tx2-markets{max-width:1536px;margin:auto;padding:18px 36px 30px;border-bottom:1px solid #18354d}.tx2-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tx2-title>div{display:flex;align-items:center;gap:12px}.tx2-title span{width:42px;height:4px;background:var(--b);border-radius:8px}.tx2-title h2{font-size:18px;margin:0;font-weight:900}.tx2-title>a{color:#1688ff;font-weight:700;font-size:13px}
.tx2-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.tx2-card{display:block;border-radius:6px;overflow:hidden;transition:.2s ease}.tx2-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,115,255,.16)}.tx2-card img{display:block;width:100%;height:100%;object-fit:cover}
.tx2-features{max-width:1536px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:34px 30px;border-bottom:1px solid #18354d}.tx2-feature{text-align:center;padding:0 24px;border-right:1px solid #1c3a52}.tx2-feature:last-child{border-right:0}.tx2-icon{width:58px;height:58px;border:2px solid var(--b);border-radius:50%;display:grid;place-items:center;color:var(--b);font-size:25px;margin:0 auto 12px}.tx2-feature h3{font-size:18px;font-weight:900;margin:0 0 6px}.tx2-feature p{font-size:13px;color:var(--muted);margin:0}
.tx2-bottom{max-width:1536px;margin:auto;min-height:150px;display:grid;place-items:center;background:radial-gradient(circle at 50% 100%,rgba(0,112,255,.25),transparent 45%),linear-gradient(180deg,#071525,#020b13)}.tx2-bottom h2{font-size:15px;letter-spacing:.32em;font-weight:500;margin:0}
@media(max-width:1200px){.tx2-header{grid-template-columns:235px 1fr}.tx2-tag{display:none}.tx2-grid{grid-template-columns:repeat(6,1fr)}.tx2-copy h1{font-size:54px}}
@media(max-width:850px){.tx2-header{height:76px;padding:0 18px;grid-template-columns:1fr auto}.tx2-brand img{width:145px}.tx2-brand strong{font-size:12px}.tx2-nav{display:none}.tx2-menu{display:flex;background:transparent;border:0;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px}.tx2-menu span{display:block;width:26px;height:2px;background:#fff}.tx2-mobile-nav{display:none;position:absolute;z-index:999;left:12px;right:12px;top:112px;background:#071522;border:1px solid #24455f;border-radius:9px;padding:10px;flex-direction:column}.tx2-open .tx2-mobile-nav{display:flex}.tx2-mobile-nav a{color:#fff;padding:12px;border-bottom:1px solid #183249;font-weight:700}
.tx2-hero{display:flex;flex-direction:column}.tx2-art{order:1;min-height:300px}.tx2-copy{order:2;padding:30px 22px 34px;text-align:center}.tx2-copy h1{font-size:45px}.tx2-copy p{font-size:16px;margin-left:auto;margin-right:auto}.tx2-actions{justify-content:center}.tx2-art-caption{display:none}
.tx2-markets{padding:18px 14px 24px}.tx2-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tx2-title h2{font-size:14px}.tx2-title>a{font-size:12px}
.tx2-features{grid-template-columns:1fr;padding:0 18px}.tx2-feature{display:grid;grid-template-columns:52px 1fr;column-gap:14px;text-align:left;align-items:center;padding:15px 0;border-right:0;border-bottom:1px solid #1b364d}.tx2-feature:last-child{border-bottom:0}.tx2-icon{width:46px;height:46px;font-size:20px;margin:0;grid-row:1/3}.tx2-feature h3{font-size:15px}.tx2-feature p{font-size:12px}.tx2-bottom{min-height:135px}.tx2-bottom h2{font-size:12px;letter-spacing:.24em}}
@media(max-width:480px){.tx2-copy h1{font-size:40px}.tx2-actions{display:grid;grid-template-columns:1fr;width:100%}.tx2-primary,.tx2-secondary{width:100%}.tx2-grid{grid-template-columns:repeat(3,1fr)}}


/* =========================
   V3 CLEAN HERO
   ========================= */
.tx2-art{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}
.tx2-art-caption{display:none !important;}

/* =========================
   V3 FOOTER FIX
   Mirrors Player Exchange footer cleanup
   ========================= */
.footer-part{
    background:#29292b !important;
    padding:46px 0 40px !important;
    margin:0 !important;
}
.footer-part .container{
    max-width:1450px !important;
    width:100% !important;
    padding-left:34px !important;
    padding-right:34px !important;
}
.footer-part .row{
    display:grid !important;
    grid-template-columns:1.35fr 1fr 1.15fr !important;
    column-gap:64px !important;
    align-items:start !important;
    margin:0 !important;
}
.footer-part .row > [class*="col-"]{
    width:auto !important;
    max-width:none !important;
    flex:none !important;
    float:none !important;
    padding:0 !important;
    margin:0 !important;
}
.footer-content,
.footer-contentB,
.footer-contentc,
.footer-form{
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
}
.footer-content img,
.footer-left img,
.footer-left .player-logo{
    max-width:230px !important;
    width:auto !important;
    height:auto !important;
    max-height:62px !important;
    object-fit:contain !important;
    margin:0 0 26px !important;
}
.footer-content p,
.footer-content a{
    color:#fff !important;
    font-size:15px !important;
    line-height:1.8 !important;
    margin:0 !important;
}
.footer-contentB h4,
.footer-contentc h4,
.footer-form h4{
    color:#fff !important;
    font-size:22px !important;
    font-weight:800 !important;
    margin:0 0 24px !important;
}
.footer-contentB > ul,
.footer-contentc > ul,
.footer-form ul{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
}
.footer-contentB > ul li,
.footer-contentc > ul li,
.footer-form li{
    margin:0 0 15px !important;
    padding:0 !important;
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
}
.footer-contentB a,
.footer-contentc a,
.footer-form a{
    color:#fff !important;
    text-decoration:none !important;
}

/* Bottom copyright bar */
.footer-bottom{
    background:#020912 !important;
    color:#fff !important;
    padding:18px 0 !important;
    min-height:64px !important;
    border-top:1px solid #182634 !important;
    margin:0 !important;
}
.footer-bottom .container{
    max-width:1450px !important;
    width:100% !important;
    padding-left:34px !important;
    padding-right:34px !important;
}
.footer-bottom .row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    gap:18px !important;
    margin:0 !important;
}
.footer-bottom .row > [class*="col-"]{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
    padding:0 !important;
    margin:0 !important;
}
.footer-bottom p{
    margin:0 !important;
    color:#fff !important;
    font-size:14px !important;
}

/* Social stays visible and aligned right */
.footer-bottom .socialLink{
    display:block !important;
    float:none !important;
    text-align:right !important;
    margin:0 !important;
    padding:0 !important;
}
.footer-bottom .socialLink > ul{
    list-style:none !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    padding:0 !important;
    margin:0 !important;
}
.footer-bottom .socialLink > ul li{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
}
.footer-bottom .socialLink > ul li p{
    display:block !important;
    margin:0 6px 0 0 !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
.footer-bottom .socialLink > ul li i{
    display:block !important;
    color:#fff !important;
    font-size:17px !important;
    width:22px !important;
    height:22px !important;
    line-height:22px !important;
    text-align:center !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
}
.footer-bottom .socialLink > ul li i:hover{
    color:#1688ff !important;
}

/* Do not show duplicate social blocks in upper footer */
.footer-part > .socialLink,
.footer-part .container > .socialLink{
    display:none !important;
}

@media(max-width:900px){
    .footer-part .row{
        grid-template-columns:1.3fr 1fr 1fr !important;
        column-gap:38px !important;
        row-gap:30px !important;
    }
}
@media(max-width:700px){
    .footer-part .container,
    .footer-bottom .container{
        padding-left:22px !important;
        padding-right:22px !important;
    }
    .footer-part .row{
        grid-template-columns:1fr 1fr !important;
        row-gap:32px !important;
    }
    .footer-content{
        grid-column:1 / -1 !important;
    }
    .footer-bottom .row{
        flex-direction:column !important;
        align-items:flex-start !important;
    }
    .footer-bottom .socialLink{
        text-align:left !important;
    }
    .footer-bottom .socialLink > ul{
        justify-content:flex-start !important;
    }
}
@media(max-width:480px){
    .footer-part .row{grid-template-columns:1fr !important;}
    .footer-content{grid-column:auto !important;}
}

/* V3.1 — animated top ticker */
.tx2-ticker{
    overflow:hidden !important;
    position:relative !important;
}
.tx2-ticker-track{
    display:flex !important;
    width:max-content !important;
    min-width:max-content !important;
    animation:tx2TickerScroll 38s linear infinite !important;
    will-change:transform;
}
.tx2-ticker:hover .tx2-ticker-track{
    animation-play-state:paused !important;
}
.tx2-ticker-item{
    flex:0 0 auto !important;
}
@keyframes tx2TickerScroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
}
@media(max-width:850px){
    .tx2-ticker-track{animation-duration:28s !important;}
}
@media(prefers-reduced-motion:reduce){
    .tx2-ticker-track{animation:none !important;}
}