*{box-sizing:border-box}

body{
    margin:0;
    background:#050705;
    color:#f5f5f5;
    font-family:Arial,Helvetica,sans-serif;
}

a{
    text-decoration:none;
    color:inherit;
}

.topbar{
    height:76px;
    background:#080808ee;
    border-bottom:1px solid #1b241b;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 40px;
    position:sticky;
    top:0;
    z-index:100;
}

.brand{
    font-size:32px;
    font-weight:900;
    font-style:italic;
}

.brand span{
    color:#58ff00;
}

.menu{
    display:flex;
    gap:35px;
}

.menu a{
    color:white;
    font-weight:bold;
}

.menu a.active{
    color:#58ff00;
}

.hero{

    height:360px;

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

    overflow:hidden;

    background:

    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.75)),

    url("/assets/img/Banner.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

.hero::after{

    content:"";

    position:absolute;

    inset:0;

    box-shadow:inset 0 -80px 80px rgba(0,0,0,.9);

}

.hero-inner{

    position:relative;

    z-index:2;

    text-align:center;

}

.hero h1{

    margin:0;

    font-size:105px;

    font-style:italic;

    letter-spacing:-5px;

    text-shadow:0 0 30px black;

}

.hero h1 span{

    color:#58ff00;

}

.hero p{

    color:#58ff00;

    font-size:18px;

    letter-spacing:8px;

    margin-top:10px;

}

.section{

    padding:35px;

}

.section-head{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.title h2{

    margin:0;

    font-size:40px;

}

.title p{

    margin-top:8px;

    color:#999;

}

.play-dot{

    color:#58ff00;

}

.search form{

    display:flex;

    gap:10px;

}

.search input{

    width:280px;

    padding:13px 18px;

    border-radius:999px;

    background:#111;

    border:1px solid #333;

    color:white;

}

.search button{

    padding:13px 20px;

    border-radius:999px;

    border:1px solid #58ff00;

    background:none;

    color:white;

    cursor:pointer;

    font-weight:bold;

}

.grid{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(330px,1fr));

    gap:25px;

}

.card{

    background:#111611;

    border-radius:15px;

    overflow:hidden;

    border:1px solid #242b24;

    transition:.2s;

}

.card:hover{

    transform:translateY(-4px);

    border-color:#58ff00;

}

.thumb{

    height:190px;

    background:#0b0f0b;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:70px;

}

.card-body{

    padding:18px;

}

.card h3{

    margin-top:0;

    font-size:22px;

}

.meta{

    display:flex;

    gap:20px;

    color:#aaa;

    font-size:14px;

}

.meta b{

    color:#58ff00;

}

.btn{

    display:inline-block;

    margin-top:16px;

    background:#58ff00;

    color:#071007;

    padding:11px 17px;

    border-radius:10px;

    font-weight:bold;

}

.empty{

    background:#111611;

    border-radius:15px;

    padding:30px;

}

.player-page main{

    max-width:1200px;

    margin:auto;

    padding:35px;

}

.player{

    position:relative;

    width:100%;

    padding-bottom:56.25%;

    height:0;

    overflow:hidden;

    border-radius:16px;

}

.player iframe{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    border:0;

}

.back{

    color:#58ff00;

    font-weight:bold;

}

.login-page{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#050705;

}

.login-box{

    width:340px;

    background:#101510;

    padding:35px;

    border-radius:18px;

}

.login-box h1{

    text-align:center;

    font-size:46px;

}

.login-box h1 span{

    color:#58ff00;

}

.login-box input{

    width:100%;

    padding:13px;

    margin:10px 0;

}

.login-box button{

    width:100%;

    border:0;

}

.erro{

    color:#ff6666;

}

.footer{

    text-align:center;

    color:#999;

    padding:30px;

}

.grid{
    grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
    gap:28px;
}

.card{
    border-radius:16px;
    background:#0f130f;
    border:1px solid #222c22;
    box-shadow:0 18px 45px rgba(0,0,0,.55);
}

.thumb{
    height:230px;
    background:
        radial-gradient(circle at center,rgba(88,255,0,.10),transparent 45%),
        linear-gradient(180deg,#131913,#050705);
    font-size:0;
}

.thumb span{
    width:72px;
    height:72px;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    padding-left:6px;
    box-shadow:0 8px 30px rgba(0,0,0,.65);
}

.card-body{
    padding:20px;
}

.card h3{
    font-size:21px;
    line-height:1.25;
    min-height:54px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.btn{
    padding:10px 16px;
    border-radius:9px;
}

.hero{
    align-items:flex-start;
}

.hero .topbar{
    position:relative;
    width:100%;
    background:rgba(0,0,0,.18);
    border-bottom:0;
    backdrop-filter:blur(5px);
}

.hero .brand,
.hero .menu a{
    text-shadow:0 2px 12px rgba(0,0,0,.8);
}

.hero .menu a.active{
    border-bottom:0;
    padding-bottom:0;
}

.hero{
    height:360px;
    align-items:flex-start;
}

.hero .topbar{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:76px;
    background:transparent;
    border-bottom:0;
    backdrop-filter:none;
    padding:0 48px;
}

.hero .brand{
    font-size:34px;
    color:white;
}

.hero .brand span{
    color:#58ff00;
}

.hero .menu{
    margin-left:auto;
}

.hero .menu a{
    color:white;
    font-weight:900;
    text-shadow:0 2px 12px rgba(0,0,0,.8);
}

.hero .menu a.active{
    color:#58ff00;
    border-bottom:0;
    padding-bottom:0;
}

.hero{
    background:
        url("/assets/img/Banner.png") center center / cover no-repeat !important;
}

.hero::after{
    display:none !important;
    box-shadow:none !important;
}

.hero::before{
    display:none !important;
}

.hero{
    height:300px !important;
}

.section{
    padding:28px 32px !important;
}

.grid{
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr)) !important;
    gap:22px !important;
}

.thumb{
    height:175px !important;
}

.card h3{
    font-size:18px !important;
}

.card-body{
    padding:15px !important;
}

.title h2{
    font-size:30px !important;
}

.search input{
    width:250px !important;
    padding:11px 15px !important;
}

.search button{
    padding:11px 18px !important;
}

.btn{
    padding:9px 14px !important;
}

.breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    font-size:15px;
    color:#cfcfcf;
}

.breadcrumb a{
    color:#58ff00;
    font-weight:700;
    transition:.2s;
}

.breadcrumb a:hover{
    color:#7dff3a;
}

.breadcrumb span:last-child{
    color:#ffffff;
    font-weight:700;
}

.thumb{
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}

.hero{
    background:url("/assets/img/Banner.png?v=2") center center / cover no-repeat !important;
}

.login-page{
    min-height:100vh !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:
        radial-gradient(circle at 75% 20%, #123d0b 0%, transparent 38%),
        radial-gradient(circle at 12% 80%, #0d3508 0%, transparent 34%),
        linear-gradient(120deg,#020402 0%,#061006 45%,#000 100%) !important;
    color:#fff !important;
    position:relative;
    overflow:hidden;
}

.login-page:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,#0008,#0001,#0009);
    pointer-events:none;
}

.login-brand{
    position:absolute;
    top:34px;
    left:46px;
    z-index:2;
    font-size:34px;
    font-weight:900;
    font-style:italic;
    letter-spacing:-1px;
}

.login-brand span{
    color:#58ff00;
}

.login-box{
    position:relative;
    z-index:2;
    width:430px !important;
    background:#090d09d9 !important;
    border:1px solid #243124 !important;
    border-radius:18px !important;
    padding:46px 48px !important;
    box-shadow:0 35px 100px #000c !important;
    backdrop-filter:blur(14px);
}

.login-box h1{
    margin:0 !important;
    text-align:left !important;
    font-size:42px !important;
    font-style:normal !important;
    font-weight:900 !important;
}

.login-sub{
    color:#b9b9b9;
    margin:10px 0 30px;
    font-size:16px;
}

.login-box label{
    display:block;
    margin:18px 0 8px;
    color:#e8e8e8;
    font-weight:700;
    font-size:14px;
}

.login-box input{
    width:100% !important;
    height:54px;
    padding:0 16px !important;
    margin:0 !important;
    background:#111711 !important;
    color:#fff !important;
    border:1px solid #334033 !important;
    border-radius:8px !important;
    outline:none;
    font-size:16px;
}

.login-box input:focus{
    border-color:#58ff00 !important;
    box-shadow:0 0 0 2px #58ff0030;
}

.password-wrap{
    position:relative;
}

.password-wrap input{
    padding-right:54px !important;
}

.eye-btn{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    color:#9f9f9f;
    cursor:pointer;
    font-size:18px;
}

.eye-btn:hover{
    color:#58ff00;
}

.login-btn{
    width:100%;
    height:54px;
    margin-top:28px;
    border:0;
    border-radius:8px;
    background:#58ff00;
    color:#061006;
    font-weight:900;
    font-size:17px;
    cursor:pointer;
}

.login-btn:hover{
    filter:brightness(1.08);
}

.erro{
    background:#2a0909;
    border:1px solid #ff5b5b;
    color:#ff8b8b !important;
    padding:12px;
    border-radius:8px;
    text-align:center;
}

@media(max-width:600px){
    .login-brand{
        left:22px;
        top:22px;
        font-size:28px;
    }

    .login-box{
        width:calc(100% - 36px) !important;
        padding:34px 26px !important;
    }
}

.password-wrap{
    position:relative !important;
    width:100% !important;
}

.password-wrap input{
    width:100% !important;
    padding-right:44px !important;
}

.password-wrap .eye-btn{
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:24px !important;
    height:24px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#aaa !important;
    font-size:14px !important;
    line-height:24px !important;
    cursor:pointer !important;
    z-index:3 !important;
}

.password-wrap .eye-btn:hover{
    color:#58ff00 !important;
}

.btn{
    transition:all .20s ease;
}

.btn:hover{
    transform:scale(1.05);
    box-shadow:0 8px 24px rgba(0,0,0,.30);
    background:#35d16f;
}

.btn-download{
    background:#2563eb;
}

.btn-download:hover{
    background:#3b82f6;
    transform:scale(1.05);
    box-shadow:0 8px 24px rgba(37,99,235,.35);
}

.btn,
.outline{
    transition:all .20s ease !important;
}

.btn:hover,
.outline:hover{
    transform:scale(1.05) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.35) !important;
}

.btn-download{
    background:#2563eb !important;
    color:#fff !important;
    border-color:#2563eb !important;
}

.btn-download:hover{
    background:#3b82f6 !important;
    border-color:#3b82f6 !important;
    transform:scale(1.05) !important;
    box-shadow:0 8px 24px rgba(37,99,235,.35) !important;
}

.btn{
    background:#16a34a !important;
    border:1px solid #16a34a !important;
    color:#fff !important;
    transition:all .20s ease !important;
}

.btn:hover{
    background:#22c55e !important;
    border-color:#22c55e !important;
    transform:scale(1.05) !important;
    box-shadow:0 8px 24px rgba(34,197,94,.35) !important;
}

.btn-download{
    background:#2563eb !important;
    border:1px solid #2563eb !important;
    color:#fff !important;
}

.btn-download:hover{
    background:#3b82f6 !important;
    border-color:#3b82f6 !important;
    transform:scale(1.05) !important;
    box-shadow:0 8px 24px rgba(37,99,235,.35) !important;
}

.btn{
    background:#00bf20 !important;
    border:1px solid #00bf20 !important;
    color:#fff !important;
    transition:all .20s ease !important;
}

.btn:hover{
    background:#22c55e !important;
    border-color:#22c55e !important;
    transform:scale(1.05) !important;
    box-shadow:0 8px 24px rgba(34,197,94,.35) !important;
}

.btn-download{
    background:#2563eb !important;
    border:1px solid #2563eb !important;
    color:#fff !important;
}

.btn-download:hover{
    background:#3b82f6 !important;
    border-color:#3b82f6 !important;
    transform:scale(1.05) !important;
    box-shadow:0 8px 24px rgba(37,99,235,.35) !important;
}

.breadcrumb{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin-bottom:28px !important;
    font-size:17px !important;
    font-weight:700 !important;
    color:#e5e5e5 !important;
}

.breadcrumb a{
    color:#00bf20 !important;
    text-decoration:none !important;
    transition:.2s !important;
}

.breadcrumb a:hover{
    color:#22c55e !important;
    transform:scale(1.04);
}

.breadcrumb span{
    color:#d7d7d7 !important;
}

.section > .breadcrumb{
    font-size:22px !important;
    font-weight:900 !important;
    margin-bottom:12px !important;
    gap:16px !important;
}

.section > .breadcrumb a{
    color:#00bf20 !important;
}

.section > .breadcrumb span{
    color:#ffffff !important;
}

.back{
    display:inline-block;
    margin-bottom:24px;
    font-size:20px !important;
    font-weight:700 !important;
    color:#00bf20 !important;
    text-decoration:none;
    transition:.2s;
}

.back:hover{
    color:#22c55e !important;
    transform:scale(1.04);
}

:root{
    --main-bg:#020916;
    --main-green:#79c142;
    --main-green-hover:#96b940;
    --text-main:#e9ecef;
    --text-muted:#989ca5e8;
}

body{
    background:var(--main-bg) !important;
    font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

.brand span,
.menu a.active,
.breadcrumb a,
.footer span{
    color:var(--main-green) !important;
}

.menu a:hover,
.breadcrumb a:hover{
    color:var(--main-green-hover) !important;
}

.card,
.login-box{
    background:rgba(2,9,22,.78) !important;
    border:1px solid rgba(121,193,66,.18) !important;
}

.card:hover{
    border-color:var(--main-green) !important;
    box-shadow:0 20px 70px rgba(0,0,0,.55), 0 0 18px rgba(121,193,66,.20) !important;
}

.btn{
    background:var(--main-green) !important;
    border:2px solid var(--main-green) !important;
    color:#020916 !important;
    font-weight:900 !important;
    transition:.35s ease !important;
}

.btn:hover{
    background:#a0ff57 !important;
    border-color:#a0ff57 !important;
    color:#020916 !important;
    transform:translateY(-3px) scale(1.04) !important;
    box-shadow:0 0 18px rgba(121,193,66,.45) !important;
}

.btn-download{
    background:transparent !important;
    border:2px solid var(--main-green) !important;
    color:#fff !important;
}

.btn-download:hover{
    background:#fff !important;
    border-color:#fff !important;
    color:#020916 !important;
    transform:translateY(-3px) scale(1.04) !important;
    box-shadow:0 0 20px rgba(255,255,255,.35) !important;
}

.btn{
    border-radius:14px !important;
}

.btn-download{
    border:2px solid #ffffff !important;
    border-radius:14px !important;
}

.btn-download:hover{
    border-color:#ffffff !important;
}

.menu a{
    transition:.25s ease;
}

.menu a:hover,
.menu a.active:hover{
    color:#a0ff57 !important;
    transform:scale(1.06);
}

.breadcrumb a{
    color:#79c142 !important;
    transition:.25s ease;
}

.breadcrumb a:hover{
    color:#a0ff57 !important;
    transform:scale(1.06);
}

.menu a,
.breadcrumb a{
    color:#79c142 !important;
    transition:color .25s ease, transform .25s ease;
}

.menu a:hover,
.menu a.active:hover,
.breadcrumb a:hover{
    color:#a0ff57 !important;
    transform:scale(1.05);
}

.menu a{
    color:#f1f1f1 !important;
}

.menu a.active{
    color:#79c142 !important;
}

.menu a:hover,
.menu a.active:hover{
    color:#79c142 !important;
    transform:none !important;
}

.breadcrumb a{
    color:#79c142 !important;
}

.breadcrumb a:hover{
    color:#a0ff57 !important;
    transform:scale(1.05);
}

.breadcrumb a{
    color:#79c142 !important;
    text-decoration:none;
    transition:color .25s ease, transform .25s ease;
}

.breadcrumb a:hover{
    color:#a0ff57 !important;
    transform:scale(1.05);
}

.meta b{
    color:#a0ff57 !important;
    font-weight:700;
}

.card:hover{
    border:2px solid #a0ff57 !important;
    box-shadow:0 20px 70px rgba(0,0,0,.55), 0 0 20px rgba(160,255,87,.35) !important;
}

.search form{
    background:rgba(2,9,22,.72) !important;
    border:1px solid rgba(121,193,66,.30) !important;
    border-radius:18px !important;
    padding:8px !important;
    box-shadow:0 12px 32px rgba(0,0,0,.35) !important;
}

.search input{
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:14px !important;
    color:#fff !important;
    height:46px !important;
    transition:.25s ease !important;
}

.search input:focus{
    border-color:#a0ff57 !important;
    box-shadow:0 0 0 3px rgba(160,255,87,.18) !important;
    outline:none !important;
}

.search button{
    height:46px !important;
    border-radius:14px !important;
    background:#79c142 !important;
    border:1px solid #79c142 !important;
    color:#020916 !important;
    font-weight:900 !important;
    transition:.25s ease !important;
}

.search button:hover{
    background:#a0ff57 !important;
    border-color:#a0ff57 !important;
    transform:translateY(-2px) scale(1.04) !important;
    box-shadow:0 0 18px rgba(160,255,87,.35) !important;
}

.search button:active{
    transform:scale(.97) !important;
}

.search form{
    position:relative;
    display:flex;
    align-items:center;
    width:340px;
    height:48px;
    padding:0;
    overflow:hidden;

    background:rgba(255,255,255,.15);
    border-radius:24px;
    border:1px solid rgba(255,255,255,.12);

    transition:.25s ease;
}

.search form:hover{
    background:rgba(255,255,255,.24);
    border-color:#79c142;
}

.search input{
    flex:1;
    height:100%;
    background:transparent;
    border:none;
    outline:none;

    color:#fff;
    font-size:15px;

    padding:0 18px 0 48px;
}

.search input::placeholder{
    color:#dddddd;
}

.search input:focus{
    background:#ececec;
    color:#111;
}

.search input:focus::placeholder{
    color:#666;
}

.search button{
    position:absolute;
    left:0;
    top:0;

    width:48px;
    height:48px;

    border:none;
    background:transparent;

    color:#fff;
    font-size:18px;

    cursor:pointer;
    transition:.25s ease;
}

.search button:hover{
    color:#a0ff57;
    transform:scale(1.10);
}

.search form:focus-within{
    box-shadow:0 0 0 3px rgba(160,255,87,.25);
    border-color:#a0ff57;
}

.search form{
    position:relative !important;
    width:340px !important;
    height:52px !important;
    display:block !important;
    padding:0 !important;
    background:#45484d !important;
    border:0 !important;
    border-radius:999px !important;
    overflow:hidden !important;
    box-shadow:none !important;
}

.search input{
    width:100% !important;
    height:100% !important;
    padding:0 22px 0 58px !important;
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    color:#fff !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

.search input::placeholder{
    color:#e6e6e6 !important;
}

.search button{
    position:absolute !important;
    left:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:26px !important;
    height:26px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    font-size:0 !important;
    color:transparent !important;
    cursor:pointer !important;
}

.search button::before{
    content:"" !important;
    position:absolute !important;
    left:1px !important;
    top:1px !important;
    width:15px !important;
    height:15px !important;
    border:3px solid #f1f1f1 !important;
    border-radius:50% !important;
}

.search button::after{
    content:"" !important;
    position:absolute !important;
    left:18px !important;
    top:18px !important;
    width:11px !important;
    height:3px !important;
    background:#f1f1f1 !important;
    border-radius:3px !important;
    transform:rotate(45deg) !important;
    transform-origin:left center !important;
}

.search form:hover{
    background:#55585e !important;
}

.search form:focus-within{
    background:#5b5e64 !important;
    box-shadow:0 0 0 2px rgba(160,255,87,.35) !important;
}

.search button,
.search button:hover{
    transform:translateY(-50%) !important;
    transition:none !important;
}

.search button::before,
.search button::after{
    transition:none !important;
}

.search form:hover{
    background:#45484d !important;
    border-color:transparent !important;
    box-shadow:none !important;
}

.search button:hover{
    color:inherit !important;
    background:transparent !important;
}

.search button:hover::before{
    border-color:#f1f1f1 !important;
}

.search button:hover::after{
    background:#f1f1f1 !important;
}

.search button,
.search button::before,
.search button::after{
    transition:none !important;
}

.search form{
    position:relative !important;
    width:390px !important;
    height:52px !important;
    display:block !important;
    padding:0 !important;
    border-radius:999px !important;
    overflow:hidden !important;
    background:#42454b !important;
    border:none !important;
    box-shadow:none !important;
    transition:background .18s ease !important;
}

.search input{
    width:100% !important;
    height:100% !important;
    padding:0 22px 0 58px !important;
    box-sizing:border-box !important;
    background:transparent !important;
    border:none !important;
    outline:none !important;
    color:#ffffff !important;
    font-size:15px !important;
}

.search input::placeholder{
    color:#f1f1f1 !important;
    opacity:1 !important;
}

.search button{
    position:absolute !important;
    left:18px !important;
    top:50% !important;
    width:24px !important;
    height:24px !important;
    padding:0 !important;
    margin:0 !important;
    border:none !important;
    background:transparent !important;
    font-size:0 !important;
    color:transparent !important;
    cursor:pointer !important;
    transform:translateY(-50%) !important;
    transition:none !important;
}

.search button::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:14px !important;
    height:14px !important;
    border:3px solid #eeeeee !important;
    border-radius:50% !important;
    transition:none !important;
}

.search button::after{
    content:"" !important;
    position:absolute !important;
    left:16px !important;
    top:17px !important;
    width:10px !important;
    height:3px !important;
    background:#eeeeee !important;
    border-radius:3px !important;
    transform:rotate(45deg) !important;
    transition:none !important;
}

.search form:focus-within{
    background:#f2eeee !important;
}

.search form:focus-within input{
    color:#333333 !important;
}

.search form:focus-within input::placeholder{
    color:#777777 !important;
}

.search form:focus-within button::before{
    border-color:#777777 !important;
}

.search form:focus-within button::after{
    background:#777777 !important;
}

.search form:hover{
    background:#42454b !important;
}

.search form:focus-within:hover{
    background:#f2eeee !important;
}

.search{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
}

.search form{
    display:flex !important;
    align-items:center !important;
    width:390px !important;
    max-width:390px !important;
    flex:none !important;
}

.brand{
    text-decoration:none !important;
    color:inherit !important;
    cursor:pointer;
}

.brand:hover{
    text-decoration:none !important;
}

.socials{
    margin:70px auto 35px;
    max-width:1100px;
    text-align:center;
}

.socials h3{
    color:#ffffff;
    font-size:26px;
    margin-bottom:24px;
}

.social-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:18px;
}

.social-btn{
    display:block;
    padding:18px 20px;
    border-radius:16px;
    text-decoration:none;
    font-size:18px;
    font-weight:800;
    color:#fff;
    transition:.25s ease;
    border:2px solid rgba(255,255,255,.15);
}

.social-btn:hover{
    transform:translateY(-4px) scale(1.03);
    box-shadow:0 10px 25px rgba(0,0,0,.35);
}

.twitch{
    background:#9146FF;
}

.twitch:hover{
    background:#A970FF;
}

.instagram{
    background:#E1306C;
}

.instagram:hover{
    background:#F04F88;
}

.tiktok{
    background:#111111;
}

.tiktok:hover{
    background:#333333;
}

.youtube{
    background:#FF0000;
}

.youtube:hover{
    background:#FF3B30;
}

.socials-min{
    margin:38px auto 18px !important;
    text-align:center !important;
}

.socials-min .social-row{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:22px !important;
}

.socials-min a{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    color:#d8d8d8 !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:700 !important;
    transition:.22s ease !important;
}

.socials-min a i{
    font-size:18px !important;
    color:#79c142 !important;
    transition:.22s ease !important;
}

.socials-min a:hover{
    color:#a0ff57 !important;
    transform:translateY(-2px) scale(1.04) !important;
}

.socials-min a:hover i{
    color:#a0ff57 !important;
}

.social-title{
    margin:0 0 18px !important;
    color:#ffffff !important;
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:.3px;
}

.social-title{
    font-size:24px !important;
    font-weight:800 !important;
    margin-bottom:24px !important;
}

.socials-min .social-row{
    gap:36px !important;
}

.socials-min a{
    font-size:20px !important;
    font-weight:800 !important;
    gap:12px !important;
}

.socials-min a i{
    font-size:26px !important;
}

.social-title{
    font-size:18px !important;
    font-weight:400 !important;
    color:#d8d8d8 !important;
    letter-spacing:.4px !important;
    margin-bottom:20px !important;
}

::-webkit-scrollbar{
    width:12px;
}

::-webkit-scrollbar-track{
    background:#020916;
}

::-webkit-scrollbar-thumb{
    background:#79c142;
    border-radius:10px;
    border:2px solid #020916;
}

::-webkit-scrollbar-thumb:hover{
    background:#a0ff57;
}

html{
    scrollbar-width:thin;
    scrollbar-color:#79c142 #020916;
}


.meta{
    flex-wrap:wrap !important;
}

.expire{
    color:#79c142 !important;
    font-weight:700 !important;
}

.expire.warning{
    color:#facc15 !important;
}

.expire.danger{
    color:#ef4444 !important;
}

.expire b{
    color:inherit !important;
}


.meta{
    flex-wrap:wrap !important;
}

.expire{
    color:#79c142 !important;
    font-weight:700 !important;
}

.expire.warning{
    color:#facc15 !important;
}

.expire.danger{
    color:#ef4444 !important;
}

.expire b{
    color:inherit !important;
}


.expire.ok{
    color:#79c142 !important;
}

.expire.warning{
    color:#facc15 !important;
}

.expire.orange{
    color:#fb923c !important;
}

.expire.danger{
    color:#ef4444 !important;
}