/* ═══════════════════════════════════════════════════════════
   MinecraftFan — premium-стили для остальных страниц.
   Применяет единый визуал на /ratings, /search, /about, /contact,
   /notifications, /profile, /lenta и пр.
═══════════════════════════════════════════════════════════ */

/* ═══ RATINGS (/ratings) ═══ */
.rt-hero{
    position:relative;overflow:hidden;isolation:isolate;
    background:radial-gradient(800px 300px at 0% 0%,rgba(245,166,35,.12),transparent 60%),
               radial-gradient(700px 300px at 100% 100%,rgba(93,187,60,.06),transparent 60%),
               linear-gradient(180deg,#16161c 0%,#11111a 100%) !important;
    border:1.5px solid rgba(245,166,35,.25) !important;
    border-radius:22px !important;
    padding:30px 32px !important;
    box-shadow:0 20px 50px -25px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.rt-hero::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#f0c030 0%,transparent 70%);filter:blur(80px);opacity:.35;top:-100px;right:-80px;pointer-events:none;z-index:-1}
.rt-hero-icon{font-size:62px;filter:drop-shadow(0 8px 20px rgba(245,166,35,.4))}
.rt-hero-title{font-size:14px !important;color:#fff !important}
.rt-hero-title span{color:#ffd75a !important;text-shadow:0 0 12px rgba(245,166,35,.4)}
.rt-hero-sub{color:#c4c4c4 !important}

/* Tabs */
.rt-tabs{
    background:rgba(0,0,0,.18) !important;
    border:1.5px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;backdrop-filter:blur(6px);
    padding:5px !important;
}
.rt-tab{
    border-radius:8px !important;font-weight:900 !important;
    transition:all .2s cubic-bezier(.2,.7,.2,1) !important;
    color:#c4c4c4 !important;
}
.rt-tab:hover{color:#fff !important;background:rgba(93,187,60,.06) !important}
.rt-tab.active{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* Block */
.rt-block{
    position:relative;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:16px !important;
    box-shadow:0 12px 32px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter:blur(6px);
    overflow:hidden;
}
.rt-block::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(245,166,35,.5),transparent);
    pointer-events:none;
}
.rt-block-head{
    background:rgba(0,0,0,.18) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.rt-block-title{color:#fff !important}
.rt-block-title span{color:#ffd75a !important;text-shadow:0 0 8px rgba(245,166,35,.3)}

/* Podium */
.rt-podium{background:linear-gradient(180deg,rgba(245,166,35,.08) 0%,transparent 100%) !important}
.rt-pod.p1 .rt-pod-ava{
    border-color:#f0c030 !important;
    box-shadow:0 0 24px rgba(240,192,48,.45),inset 0 1px 0 rgba(255,255,255,.1) !important;
}

/* ═══ SEARCH (/search) ═══ */
.sr-tag{
    background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.06)) !important;
    border:1px solid rgba(93,187,60,.3) !important;
    color:#aef88b !important;
    font-weight:900 !important;
}

/* ═══ ABOUT (/about) ═══ */
.about-roadmap-stage{
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    backdrop-filter:blur(6px);
    transition:border-color .2s,transform .2s;
}
.about-roadmap-stage:hover{
    border-color:rgba(93,187,60,.35) !important;
    transform:translateY(-2px);
}

/* ═══ PROFILE / PROFILE-PUBLIC ═══
   .pf-group — это контейнер поля формы (display:flex;flex-direction:column;gap:4px),
   а .lm-card — карточка уровня с модификаторами --cur/--done/--locked.
   НЕ превращаем их в гранд-карточки — сохраняем нативную верстку профиля. */

/* Profile tabs — underline-стиль, компактнее чтобы все 7-8 вкладок влезали в строку */
.profile-template .profile-tabs{
    flex-wrap:nowrap !important;
    gap:0 !important;
    overflow-x:auto;
    scrollbar-width:none;
}
.profile-template .profile-tabs::-webkit-scrollbar{display:none}
.profile-template .ptab{
    padding:8px 9px !important;
    font-size:11.5px !important;
    gap:4px !important;
    color:#a8b9aa !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    transition:color .15s,border-color .15s !important;
}
.profile-template .ptab:hover{color:#fff !important}
.profile-template .ptab.active{
    color:#aef88b !important;
    border-bottom-color:#5dbb3c !important;
    text-shadow:0 0 10px rgba(93,187,60,.4);
}
.profile-template .ptab .n-badge{
    padding:1px 4px !important;
    font-size:8px !important;
}
.profile-template .pov-tab.active{
    color:#aef88b !important;
    border-bottom-color:#5dbb3c !important;
}
@media(max-width:920px){
    .profile-template .ptab{padding:7px 7px !important;font-size:11px !important}
}

/* Profile banner — мягкая тень/контур, БЕЗ изменений лейаута */
.profile-template .profile-banner{
    box-shadow:0 24px 60px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* .pf-label, .pf-tgl, .playstyle-chip — оставляем родные стили из profile.blade.php,
   они согласованы с компактной формой редактирования */

/* Danger button */
.btn-danger{
    background:linear-gradient(135deg,#ff6b6b,#c41818) !important;
    color:#fff !important;border:none !important;
    box-shadow:0 6px 18px -6px rgba(224,48,48,.5),inset 0 1px 0 rgba(255,255,255,.2) !important;
    transition:transform .2s,filter .2s !important;
    font-weight:900;
}
.btn-danger:hover{transform:translateY(-2px);filter:brightness(1.06)}

/* Profile public — share/follow buttons */
.lsh-follow{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;border:none !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.55),inset 0 1px 0 rgba(255,255,255,.25) !important;
    transition:transform .2s,filter .2s !important;
    font-weight:900 !important;
}
.lsh-follow:hover{transform:translateY(-2px);filter:brightness(1.06)}
.lsh-follow.is-following{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(93,187,60,.4) !important;
    color:#aef88b !important;
}

/* ═══ LENTA (/lenta) ═══ */
.lenta-head,.lenta-card,.lenta-empty,.lenta-sidecard{
    position:relative;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    backdrop-filter:blur(6px);
}
.lenta-head::before,.lenta-card::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(93,187,60,.4),transparent);
    pointer-events:none;
}
.lenta-tabs a{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.08) !important;
    border-radius:9px !important;
    transition:all .2s cubic-bezier(.2,.7,.2,1) !important;
    color:#c4c4c4 !important;
}
.lenta-tabs a:hover{color:#fff !important;border-color:rgba(93,187,60,.3) !important;background:rgba(93,187,60,.06) !important}
.lenta-tabs a.is-active{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;border-color:#7ed957 !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.lenta-cta{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;border:none !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.55),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.18) !important;
    transition:transform .2s,filter .2s !important;
}
.lenta-cta:hover{transform:translateY(-2px);filter:brightness(1.06)}

/* Lenta card */
.lenta-card{transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .25s}
.lenta-card:hover{transform:translateY(-3px);border-color:rgba(93,187,60,.35) !important;box-shadow:0 18px 38px -16px rgba(0,0,0,.6),0 0 18px -10px rgba(93,187,60,.35) !important}

/* ═══ NOTIFICATIONS ═══ */
.notif-item,.notif-card,.notif-row{
    background:linear-gradient(180deg,rgba(28,28,36,.7),rgba(20,20,28,.85)) !important;
    border:1.5px solid rgba(255,255,255,.06) !important;
    border-radius:11px !important;
    transition:all .2s cubic-bezier(.2,.7,.2,1) !important;
    backdrop-filter:blur(4px);
}
.notif-item:hover,.notif-card:hover,.notif-row:hover{
    border-color:rgba(93,187,60,.3) !important;
    transform:translateX(3px);
    box-shadow:0 8px 22px -10px rgba(0,0,0,.5),0 0 12px -8px rgba(93,187,60,.3);
}
.notif-item.unread,.notif-card.unread,.notif-row.unread{
    border-left:3px solid #5dbb3c !important;
    background:linear-gradient(90deg,rgba(93,187,60,.06),rgba(28,28,36,.85)) !important;
}

/* ═══ CONTACT FORM ═══ */
.contact-form,form.contact{
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:16px !important;
    backdrop-filter:blur(6px);
    box-shadow:0 12px 32px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.contact-form input,.contact-form textarea,
form.contact input,form.contact textarea{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    border-radius:10px !important;
    color:#fff !important;
    transition:all .2s !important;
}
.contact-form input:focus,.contact-form textarea:focus,
form.contact input:focus,form.contact textarea:focus{
    border-color:#5dbb3c !important;
    background:rgba(93,187,60,.06) !important;
    box-shadow:0 0 0 3px rgba(93,187,60,.15) !important;
    outline:none !important;
}

/* ═══ Универсальные premium-кнопки (для секций с подобными элементами) ═══ */
.btn-rate{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;border:none !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.55),inset 0 1px 0 rgba(255,255,255,.25) !important;
    border-radius:10px;font-weight:900;padding:10px 18px;
    transition:transform .2s,filter .2s;text-decoration:none;
    display:inline-flex;align-items:center;gap:6px;
}
.btn-rate:hover{transform:translateY(-2px);filter:brightness(1.06)}

/* ═══ Pagination (.cat-pagination, общая для каталога) — на других страницах если используется ═══ */
.cat-pg-active{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;border-color:#7ed957 !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* ═══ УНИВЕРСАЛЬНЫЕ FORM-ЭЛЕМЕНТЫ (input/textarea/select на всех страницах)
   Не трогаем .pf-input/.pf-select/.pf-textarea — это профиль со своей версткой ═══ */
.page main input[type="text"]:not(.raw-input):not(.pf-input):not(.search-bar input):not([class*="cat-"]):not([class*="ap-"]),
.page main input[type="email"]:not(.raw-input):not(.pf-input),
.page main input[type="tel"]:not(.raw-input):not(.pf-input),
.page main input[type="number"]:not(.raw-input):not(.pf-input):not(.cmt-input),
.page main input[type="url"]:not(.raw-input):not(.pf-input),
.page main input[type="search"]:not(.raw-input):not(.pf-input),
.page main input[type="password"]:not(.raw-input):not(.pf-input),
.page main textarea:not(.raw-input):not(.pf-textarea):not(.cmt-textarea):not(#post-body):not(#modBody),
.page main select:not(.raw-input):not(.pf-select):not(.cat-sort-select){
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    border-radius:10px !important;
    color:#fff !important;
    padding:11px 14px !important;
    font-size:14px !important;
    transition:border-color .2s,background .2s,box-shadow .2s !important;
    backdrop-filter:blur(4px);
    outline:none !important;
}
.page main input:not(.raw-input):not(.pf-input):focus,
.page main textarea:not(.raw-input):not(.pf-textarea):focus,
.page main select:not(.raw-input):not(.pf-select):focus{
    border-color:#5dbb3c !important;
    background:rgba(93,187,60,.06) !important;
    box-shadow:0 0 0 3px rgba(93,187,60,.15) !important;
}

/* Все обычные .btn-primary / .btn-outline / .btn — единый стиль */
.page main .btn-primary,
.page main button.btn-primary,
.page main a.btn-primary{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;border:none !important;
    border-radius:11px !important;padding:11px 20px !important;
    font-weight:900 !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.55),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.18) !important;
    transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s !important;
    text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
    font-family:inherit;
}
.page main .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px -6px rgba(93,187,60,.7) !important;filter:brightness(1.06)}

.page main .btn-outline,
.page main button.btn-outline,
.page main a.btn-outline{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
    border-radius:11px !important;padding:11px 20px !important;
    font-weight:900 !important;
    backdrop-filter:blur(6px);
    transition:all .2s !important;
    text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
    font-family:inherit;
}
.page main .btn-outline:hover{
    background:rgba(93,187,60,.1) !important;
    border-color:#5dbb3c !important;
    color:#aef88b !important;
    transform:translateY(-2px);
}

/* ═══ Универсальные карточки/панели (.card, .panel, .box) ═══ */
.page main > .card,
.page main > .panel,
.page main > .box,
.page main .content-card,
.page main .premium-card{
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    backdrop-filter:blur(6px);
    box-shadow:0 12px 32px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04) !important;
    overflow:hidden;
    position:relative;
}

/* ═══ Универсальный hero/H1 на secondary-страницах ═══ */
.page main > h1:first-child,
.page main > section:first-child > h1,
.page main > div:first-child > h1{
    background:linear-gradient(90deg,#fff 0%,#fff 50%,#aef88b 90%,#5dbb3c 100%);
    background-clip:text;-webkit-background-clip:text;color:transparent;
    filter:drop-shadow(0 0 12px rgba(93,187,60,.3));
    font-weight:900;letter-spacing:-.01em;
}

/* ═══════════════════════════════════════════════════════════
   HOME PAGE — премиум-стили для главной (все блоки кроме hero)
═══════════════════════════════════════════════════════════ */

/* ═══ ТОП СБОРОК МОДОВ ═══ */
.home-modpacks-head h2{
    font-family:'Press Start 2P',monospace !important;
    font-size:11px !important;color:#fff !important;
    display:flex;align-items:center;gap:10px;letter-spacing:.5px;
}
.home-modpacks-head h2::before{
    content:"";display:inline-block;width:5px;height:14px;
    background:linear-gradient(180deg,#7ed957,#3d8a26);border-radius:2px;
    box-shadow:0 0 10px rgba(93,187,60,.5);
}
.home-modpacks-head h2 span{color:#aef88b !important}
.home-modpacks-head .more{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px;
    padding:8px 16px !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,rgba(93,187,60,.14),rgba(93,187,60,.04)) !important;
    border:1.5px solid rgba(93,187,60,.35) !important;
    color:#aef88b !important;
    font-weight:900 !important;
    font-size:12.5px !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap;
    box-shadow:0 4px 12px -6px rgba(93,187,60,.35),inset 0 1px 0 rgba(255,255,255,.05);
    transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s !important;
}
.home-modpacks-head .more:hover{
    background:linear-gradient(135deg,rgba(93,187,60,.24),rgba(93,187,60,.1)) !important;
    border-color:#5dbb3c !important;
    color:#fff !important;
    transform:translateX(2px);
    box-shadow:0 6px 16px -6px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.08);
}

/* «Все сборки →» в правом сайдбаре профиля (.sb-block) */
.profile-template .sb-more-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    margin-top:10px !important;
    padding:8px 12px !important;
    border-radius:9px !important;
    background:linear-gradient(135deg,rgba(93,187,60,.14),rgba(93,187,60,.04)) !important;
    border:1.5px solid rgba(93,187,60,.3) !important;
    color:#aef88b !important;
    font-size:11.5px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    line-height:1 !important;
    transition:background .2s,border-color .2s,color .2s,transform .15s !important;
}
.profile-template .sb-more-btn:hover{
    background:linear-gradient(135deg,rgba(93,187,60,.22),rgba(93,187,60,.08)) !important;
    border-color:#5dbb3c !important;
    color:#fff !important;
    transform:translateY(-1px);
}

.home-modpack-card{
    position:relative !important;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.06) !important;
    border-radius:14px !important;
    backdrop-filter:blur(6px);
    transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .25s !important;
}
.home-modpack-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(93,187,60,.4) !important;
    box-shadow:0 18px 38px -14px rgba(0,0,0,.6),0 0 22px -10px rgba(93,187,60,.35) !important;
}
.hmp-cover{background:#0c0c10 !important}
.hmp-cover img{transition:transform .5s cubic-bezier(.2,.7,.2,1) !important}
.home-modpack-card:hover .hmp-cover img{transform:scale(1.08)}
.hmp-cover-ph{color:#5dbb3c !important;filter:drop-shadow(0 2px 6px rgba(93,187,60,.4))}
.hmp-loader{
    background:linear-gradient(135deg,rgba(93,187,60,.95),rgba(61,138,38,.95)) !important;
    color:#fff !important;font-weight:900 !important;
    border-radius:6px !important;
    box-shadow:0 3px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2);
    backdrop-filter:blur(4px);
}
.hmp-mc{
    background:rgba(0,0,0,.75) !important;
    backdrop-filter:blur(4px);font-weight:900 !important;
    border-radius:6px !important;
}
.hmp-title{
    color:#fff !important;font-weight:900 !important;
    letter-spacing:-.01em;transition:color .2s !important;
}
.home-modpack-card:hover .hmp-title{color:#aef88b !important}
.hmp-meta{font-weight:700;color:var(--muted) !important}
.hmp-meta span{
    display:inline-flex;align-items:center;gap:3px;
    padding:2px 7px;border-radius:5px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
}

/* ═══ СВЕЖИЕ ОБНОВЛЕНИЯ ═══ */
.fresh-upd-card{
    position:relative !important;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.06) !important;
    border-left:3px solid rgba(93,187,60,.5) !important;
    border-radius:10px !important;
    backdrop-filter:blur(6px);
    transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .22s !important;
}
.fresh-upd-card:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(93,187,60,.45) !important;
    border-left-color:#7ed957 !important;
    box-shadow:0 14px 28px -12px rgba(0,0,0,.55),0 0 16px -10px rgba(93,187,60,.4) !important;
}
.fresh-upd-thumb{background:#0c0c10 !important;position:relative}
.fresh-upd-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4));pointer-events:none}
.fresh-upd-thumb img{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.fresh-upd-card:hover .fresh-upd-thumb img{transform:scale(1.06)}
.fresh-upd-title{
    color:#fff !important;font-weight:900 !important;
    letter-spacing:-.01em;transition:color .2s !important;
}
.fresh-upd-card:hover .fresh-upd-title{color:#aef88b !important}
.fresh-upd-meta{color:#aef88b !important;font-weight:900 !important}

/* ═══ ПОПУЛЯРНЫЕ МОДЫ (.hc-card) ═══ */
.hc-card{
    position:relative !important;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.06) !important;
    border-radius:14px !important;
    backdrop-filter:blur(6px);
    transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .25s !important;
}
.hc-card::after{
    content:"";position:absolute;inset:0;border-radius:14px;padding:1.5px;
    background:linear-gradient(135deg,rgba(93,187,60,0) 0%,rgba(93,187,60,.5) 50%,rgba(245,166,35,.3) 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;
    opacity:0;transition:opacity .3s;pointer-events:none;
}
.hc-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(93,187,60,.4) !important;
    box-shadow:0 18px 38px -16px rgba(0,0,0,.6),0 0 22px -10px rgba(93,187,60,.35) !important;
}
.hc-card:hover::after{opacity:1}
.hc-thumb{background:#0c0c10 !important}
.hc-thumb img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
.hc-card:hover .hc-thumb img{transform:scale(1.07);filter:brightness(1.07) saturate(1.08)}
.hc-thumb-icon{color:#5dbb3c !important;filter:drop-shadow(0 4px 12px rgba(93,187,60,.4))}
.hc-tag{
    display:inline-flex;align-items:center;gap:3px;
    padding:3px 9px !important;border-radius:6px !important;
    font-size:10.5px !important;font-weight:900 !important;
    text-transform:uppercase;letter-spacing:.04em;
    border:1px solid rgba(255,255,255,.08) !important;backdrop-filter:blur(4px);
}
.hc-tag-cat{background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.06)) !important;color:#aef88b !important;border-color:rgba(93,187,60,.3) !important}
.hc-tag-ver{background:linear-gradient(135deg,rgba(245,166,35,.15),rgba(245,166,35,.05)) !important;color:#ffd75a !important;border-color:rgba(245,166,35,.3) !important}
.hc-title{
    color:#fff !important;font-weight:900 !important;
    letter-spacing:-.01em;transition:color .2s !important;
}
.hc-card:hover .hc-title{color:#aef88b !important}
.hc-desc{color:var(--muted) !important;font-weight:600}
.hc-footer{
    color:var(--muted) !important;font-weight:700;
    padding-top:8px;border-top:1px solid rgba(255,255,255,.05);
}
.hc-footer > span:not(.hc-dl-btn){
    display:inline-flex;align-items:center;gap:3px;
    padding:3px 7px;border-radius:5px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);
}
.hc-dl-btn{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;border:none !important;
    border-radius:9px !important;font-weight:900 !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.15) !important;
    transition:all .25s cubic-bezier(.2,.7,.2,1) !important;
}
.hc-card:hover .hc-dl-btn{
    transform:translateY(-1px);
    box-shadow:0 10px 24px -8px rgba(93,187,60,.65) !important;
    filter:brightness(1.06);
}

/* ═══ ПОСЛЕДНИЕ НОВОСТИ ═══ */
.news-list{
    background:linear-gradient(180deg,rgba(28,28,36,.6),rgba(20,20,28,.85)) !important;
    border:1.5px solid rgba(255,255,255,.06) !important;
    border-radius:14px !important;
    padding:8px !important;backdrop-filter:blur(6px);
    display:flex !important;flex-direction:column;gap:4px;
}
.news-item{
    display:flex !important;align-items:center;gap:12px;
    padding:11px 14px !important;border-radius:10px !important;
    color:inherit !important;text-decoration:none;
    transition:background .18s,transform .15s !important;
}
.news-item:hover{background:rgba(93,187,60,.06) !important;transform:translateX(3px)}
.news-date{
    flex-shrink:0;font-size:11px !important;color:var(--muted) !important;
    font-weight:800 !important;
    padding:3px 8px;border-radius:5px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
    text-transform:uppercase;letter-spacing:.03em;
}
.news-title{
    flex:1;min-width:0;font-size:13.5px;font-weight:800;color:#fff !important;
    line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    transition:color .15s;
}
.news-item:hover .news-title{color:#aef88b !important}
.news-tag{
    flex-shrink:0;display:inline-flex;align-items:center;gap:3px;
    padding:3px 8px;border-radius:5px;font-size:10px;font-weight:900;
    background:linear-gradient(135deg,rgba(245,166,35,.15),rgba(245,166,35,.05)) !important;
    border:1px solid rgba(245,166,35,.3) !important;color:#ffd75a !important;
    text-transform:uppercase;letter-spacing:.04em;
}

/* ═══ Section-headers общие (.section-head + .section-title) ═══ */
.section-head{
    display:flex !important;align-items:center;justify-content:space-between;
    margin:24px 0 14px !important;flex-wrap:wrap;gap:10px;
}
.section-title{
    font-family:'Press Start 2P',monospace !important;
    font-size:13px !important;color:#fff !important;
    letter-spacing:.5px;line-height:1.4;
    display:flex;align-items:center;gap:10px;
}
.section-title::before{
    content:"";display:inline-block;width:5px;height:14px;
    background:linear-gradient(180deg,#7ed957,#3d8a26);border-radius:2px;
    box-shadow:0 0 10px rgba(93,187,60,.5);
}
.section-more{
    background:linear-gradient(135deg,rgba(93,187,60,.12),rgba(93,187,60,.04)) !important;
    border:1.5px solid rgba(93,187,60,.3) !important;
    color:#aef88b !important;font-weight:900 !important;
    padding:7px 13px;border-radius:8px;text-decoration:none !important;
    transition:all .2s !important;
}
.section-more:hover{
    background:linear-gradient(135deg,rgba(93,187,60,.22),rgba(93,187,60,.08)) !important;
    border-color:#5dbb3c !important;color:#fff !important;transform:translateX(3px);
}

/* ═══ ТОП ЗАГРУЗОК (.top-*) ═══ */
.top-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;margin-bottom:24px}
@media(max-width:720px){.top-grid{grid-template-columns:1fr !important}}

.top-list{
    position:relative;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    overflow:hidden;
    backdrop-filter:blur(6px);
    box-shadow:0 12px 32px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.top-list::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(93,187,60,.5),transparent);
    pointer-events:none;
}
.top-list-head{
    display:flex !important;align-items:center;justify-content:space-between;
    padding:12px 14px !important;
    background:rgba(0,0,0,.18) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.top-list-title{
    font-family:'Nunito',sans-serif !important;
    font-size:12.5px !important;font-weight:900 !important;
    color:#fff !important;
    display:flex;align-items:center;gap:6px;
    text-transform:uppercase;letter-spacing:.04em;
}
.top-list-title.gold-t{color:#ffd75a !important}
.top-list-period{
    font-size:10.5px !important;color:var(--muted) !important;font-weight:700 !important;
    padding:2px 7px;border-radius:5px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
}
.top-row{
    display:flex !important;align-items:center !important;gap:11px !important;
    padding:10px 14px !important;
    color:inherit !important;text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.04) !important;
    transition:background .18s,padding .18s !important;
}
.top-row:last-child{border-bottom:none !important}
.top-row:hover{
    background:linear-gradient(90deg,rgba(93,187,60,.08),rgba(93,187,60,.02)) !important;
    padding-left:18px !important;
}
.top-num{
    flex-shrink:0;width:26px;height:26px;border-radius:7px;
    display:flex;align-items:center;justify-content:center;
    font-family:'Press Start 2P',monospace;font-size:11px;font-weight:900;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    color:var(--muted);
}
.top-num.n1{background:linear-gradient(135deg,rgba(245,166,35,.3),rgba(245,166,35,.1)) !important;border-color:#f0c030 !important;color:#ffd75a !important;box-shadow:0 0 12px rgba(245,166,35,.4)}
.top-num.n2{background:linear-gradient(135deg,rgba(160,184,200,.25),rgba(160,184,200,.08)) !important;border-color:#a0b8c8 !important;color:#cce0eb !important}
.top-num.n3{background:linear-gradient(135deg,rgba(200,149,106,.25),rgba(200,149,106,.08)) !important;border-color:#c8956a !important;color:#e0b58a !important}
.top-ico{
    flex-shrink:0;width:36px !important;height:36px !important;border-radius:9px !important;
    overflow:hidden;background:linear-gradient(180deg,#1a1a22,#0c0c10);
    border:1.5px solid rgba(255,255,255,.06);
    display:flex;align-items:center;justify-content:center;
    transition:border-color .18s,transform .25s;
}
.top-row:hover .top-ico{border-color:rgba(93,187,60,.4);transform:scale(1.05)}
.top-info{flex:1;min-width:0}
.top-name{
    font-size:13px !important;font-weight:900 !important;color:#fff !important;
    line-height:1.3;letter-spacing:-.01em;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    transition:color .18s;
}
.top-row:hover .top-name{color:#aef88b !important}
.top-dl{
    font-size:11px;color:var(--muted) !important;font-weight:700;margin-top:2px;
}
.top-dl b{color:#aef88b !important;font-weight:900;font-variant-numeric:tabular-nums}

/* ═══ ТОП НЕДЕЛИ — leaderboard (.xp-*) ═══ */
.xp-leaderboard{
    position:relative;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    backdrop-filter:blur(6px);
    box-shadow:0 12px 32px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04) !important;
    padding:6px !important;
    overflow:hidden;
    margin-bottom:24px;
}
.xp-leaderboard::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(245,166,35,.5),rgba(93,187,60,.4),transparent);
    pointer-events:none;
}
/* Все .xp-* строки лидерборда СКОПИРОВАНЫ под .xp-leaderboard
   чтобы не задевать .xp-row/.xp-bar в профиле */
.xp-leaderboard .xp-row{
    display:grid !important;grid-template-columns:36px 38px 1fr auto !important;
    align-items:center;gap:10px !important;
    padding:9px 12px !important;border-radius:9px !important;
    transition:background .18s,transform .15s !important;
    position:relative;
}
.xp-leaderboard .xp-row + .xp-row{margin-top:3px}
.xp-leaderboard .xp-row:hover{background:rgba(93,187,60,.06) !important;transform:translateX(3px)}
.xp-leaderboard .xp-row--me{
    background:linear-gradient(90deg,rgba(93,187,60,.12),rgba(93,187,60,.04)) !important;
    border:1px solid rgba(93,187,60,.3) !important;
}
.xp-leaderboard .xp-row--top{position:relative}
.xp-leaderboard .xp-row--outside{
    border-top:1px dashed rgba(255,255,255,.1) !important;
    margin-top:6px !important;padding-top:12px !important;
}
.xp-leaderboard .xp-rank{
    width:32px;height:32px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    border-radius:8px;background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    font-family:'Press Start 2P',monospace;font-size:11px;font-weight:900;
    color:var(--muted);
}
.xp-leaderboard .xp-rank--1{background:linear-gradient(135deg,rgba(245,166,35,.3),rgba(245,166,35,.1)) !important;border-color:#f0c030 !important;color:#ffd75a !important;font-size:18px !important;box-shadow:0 0 12px rgba(245,166,35,.4)}
.xp-leaderboard .xp-rank--2{background:linear-gradient(135deg,rgba(160,184,200,.25),rgba(160,184,200,.08)) !important;border-color:#a0b8c8 !important;font-size:18px !important}
.xp-leaderboard .xp-rank--3{background:linear-gradient(135deg,rgba(200,149,106,.25),rgba(200,149,106,.08)) !important;border-color:#c8956a !important;font-size:18px !important}
.xp-leaderboard .xp-ava{
    width:34px;height:34px;flex-shrink:0;border-radius:10px;
    background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.04));
    border:1.5px solid rgba(93,187,60,.3);
    display:flex;align-items:center;justify-content:center;
    color:#aef88b;font-size:14px;font-weight:900;
    overflow:hidden;
}
.xp-leaderboard .xp-info{min-width:0}
.xp-leaderboard .xp-uname{
    font-size:13px !important;font-weight:900 !important;color:#fff !important;
    line-height:1.3;letter-spacing:-.01em;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.xp-leaderboard .xp-you{
    display:inline-block;padding:1px 6px;border-radius:5px;
    background:rgba(93,187,60,.18);border:1px solid rgba(93,187,60,.4);
    color:#aef88b;font-size:9px;font-weight:900;
    text-transform:uppercase;letter-spacing:.04em;
    margin-left:4px;vertical-align:middle;
}
.xp-leaderboard .xp-val{
    flex-shrink:0;font-size:13.5px !important;font-weight:900 !important;
    color:#aef88b !important;font-variant-numeric:tabular-nums;
    text-align:right;
}
.xp-leaderboard .xp-label{font-size:10px;color:var(--muted) !important;font-weight:700;margin-left:2px}
.xp-leaderboard .xp-bar-wrap{
    grid-column:1 / -1;height:3px;background:rgba(255,255,255,.04);
    border-radius:3px;overflow:hidden;margin-top:5px;
}
.xp-leaderboard .xp-bar-line{
    height:100%;background:linear-gradient(90deg,#7ed957,#5dbb3c) !important;
    box-shadow:0 0 8px rgba(93,187,60,.5);
    transition:width 1s cubic-bezier(.2,.7,.2,1);
}

/* ═══════════════════════════════════════════════════════════
   FOOTER — премиум-стиль (применяется на всех страницах)
═══════════════════════════════════════════════════════════ */
footer{
    position:relative;overflow:hidden;isolation:isolate;
    background:radial-gradient(900px 380px at 0% 100%,rgba(93,187,60,.06),transparent 60%),
               radial-gradient(800px 320px at 100% 0%,rgba(80,140,220,.04),transparent 60%),
               linear-gradient(180deg,#0e0e16 0%,#0a0a12 100%) !important;
    border-top:1.5px solid rgba(255,255,255,.05) !important;
    margin-top:60px !important;
    color:var(--muted) !important;
    box-shadow:0 -8px 24px -12px rgba(0,0,0,.5);
}
footer::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(93,187,60,.5) 30%,rgba(80,140,220,.4) 50%,rgba(245,166,35,.5) 70%,transparent);
    opacity:.55;pointer-events:none;
}
footer::after{
    content:"";position:absolute;width:280px;height:280px;border-radius:50%;
    background:radial-gradient(circle,#5dbb3c 0%,transparent 70%);
    filter:blur(90px);opacity:.18;bottom:-120px;left:-80px;pointer-events:none;z-index:-1;
}

.footer-inner{
    max-width:1280px;margin:0 auto;
    padding:40px 28px 24px !important;position:relative;z-index:1;
}
.footer-top{
    display:grid !important;
    grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;
    gap:30px !important;margin-bottom:32px !important;
}

/* Бренд-блок */
.footer-brand{align-items:flex-start;text-align:left}
.footer-logo{
    font-family:'Press Start 2P',monospace !important;
    font-size:15px !important;color:#fff !important;
    margin-bottom:14px !important;
    display:inline-flex;align-items:center;gap:8px;
    text-shadow:0 2px 12px rgba(93,187,60,.3);
}
.footer-logo span{
    background:linear-gradient(90deg,#7ed957,#5dbb3c);
    background-clip:text;-webkit-background-clip:text;color:transparent;
}
.footer-desc{
    color:var(--muted) !important;max-width:280px;
    margin-bottom:18px !important;
    font-size:13px !important;line-height:1.7 !important;font-weight:600;
}

/* Соц-кнопки */
.footer-socials{display:flex;gap:8px;flex-wrap:wrap}
.fsoc{
    display:inline-flex !important;align-items:center;gap:7px;
    padding:9px 14px !important;border-radius:10px !important;
    font-size:12.5px !important;font-weight:900 !important;
    text-decoration:none !important;line-height:1;
    transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s !important;
    border:none !important;
}
.fsoc.btn-tg{
    background:linear-gradient(135deg,#2aabee,#0088cc) !important;color:#fff !important;
    box-shadow:0 6px 18px -6px rgba(42,171,238,.5),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.fsoc.btn-vk{
    background:linear-gradient(135deg,#5b7fbb,#4c75a3) !important;color:#fff !important;
    box-shadow:0 6px 18px -6px rgba(91,127,187,.5),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.fsoc:hover{transform:translateY(-2px);filter:brightness(1.06)}

/* Колонки ссылок */
.footer-col{
    display:flex !important;flex-direction:column;gap:8px;
}
.footer-col-title{
    font-size:12px !important;font-weight:900 !important;color:#fff !important;
    text-transform:uppercase;letter-spacing:.06em;
    margin-bottom:6px !important;
    padding-bottom:10px !important;
    border-bottom:1px solid rgba(255,255,255,.08);
    display:flex;align-items:center;gap:8px;
}
.footer-col-title::before{
    content:"";display:inline-block;width:4px;height:14px;
    background:linear-gradient(180deg,#7ed957,#3d8a26);border-radius:2px;
    box-shadow:0 0 8px rgba(93,187,60,.5);flex-shrink:0;
}
.footer-col a{
    color:#c4c4c4 !important;font-size:13px !important;font-weight:700 !important;
    text-decoration:none !important;line-height:1.5;
    padding:4px 0 !important;border-radius:5px !important;
    transition:color .15s,padding .15s !important;
    display:inline-block;
}
.footer-col a:hover{
    color:#aef88b !important;
    padding-left:6px !important;
}

/* Bottom row (copyright + links) */
.footer-bottom,
footer > div:nth-child(2):not(.footer-inner),
.footer-inner > div:last-child{
    border-top:1px solid rgba(255,255,255,.06) !important;
    padding-top:18px !important;margin-top:8px !important;
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:14px;font-size:11.5px;color:var(--muted) !important;
    font-weight:700;
}

@media(max-width:980px){
    .footer-top{grid-template-columns:1fr 1fr 1fr !important;gap:24px !important}
    .footer-brand{grid-column:1 / -1}
}
@media(max-width:640px){
    .footer-inner{padding:30px 20px 20px !important}
    .footer-top{grid-template-columns:1fr 1fr !important;gap:20px !important}
}
@media(max-width:480px){
    .footer-top{grid-template-columns:1fr !important;gap:18px !important}
}

/* ═══════════════════════════════════════════════════════════
   MODPACKS LIST (.mpf-*)
═══════════════════════════════════════════════════════════ */
.mpf-wrap{position:relative}
.mpf-wrap::before{
    content:"";position:absolute;top:-100px;left:-150px;width:380px;height:380px;
    background:radial-gradient(circle,rgba(93,187,60,.12) 0%,transparent 70%);
    filter:blur(60px);pointer-events:none;z-index:-1;
}
.mpf-wrap::after{
    content:"";position:absolute;top:300px;right:-150px;width:340px;height:340px;
    background:radial-gradient(circle,rgba(80,140,220,.08) 0%,transparent 70%);
    filter:blur(60px);pointer-events:none;z-index:-1;
}

/* Шапка раздела (заголовок + кнопка) */
.mpf-wrap > div[style*="border-radius:8px"]:first-of-type,
.mpf-wrap > div[style*="border-radius: 8px"]:first-of-type{
    background:linear-gradient(180deg,rgba(28,28,36,.95),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.08) !important;
    border-radius:18px !important;
    padding:24px 28px !important;
    box-shadow:0 18px 42px -22px rgba(0,0,0,.55) !important;
    position:relative;overflow:hidden;
}
.mpf-wrap > div[style*="border-radius:8px"]:first-of-type::before,
.mpf-wrap > div[style*="border-radius: 8px"]:first-of-type::before{
    content:"";position:absolute;left:0;right:0;top:0;height:3px;
    background:linear-gradient(90deg,transparent,#5dbb3c,#7ed957,transparent);
}
.mpf-wrap h1[style*="Press Start"]{
    font-size:1.05rem !important;
    color:#aef88b !important;
    text-shadow:0 0 14px rgba(93,187,60,.45),0 2px 4px rgba(0,0,0,.5);
}

/* Табы */
.mpf-tab{
    border:1.5px solid rgba(255,255,255,.08) !important;
    background:rgba(28,28,36,.65) !important;
    backdrop-filter:blur(6px);
    transition:transform .2s,border-color .2s,color .2s,box-shadow .2s !important;
}
.mpf-tab:hover{
    border-color:rgba(93,187,60,.4) !important;
    transform:translateY(-1px);
    color:#fff !important;
}
.mpf-tab.active{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;border-color:transparent !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* Фильтры */
.mpf-filters input,
.mpf-filters select{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    border-radius:10px !important;
    backdrop-filter:blur(4px);
    transition:border-color .2s,background .2s,box-shadow .2s !important;
}
.mpf-filters input:focus,
.mpf-filters select:focus{
    border-color:#5dbb3c !important;
    background:rgba(93,187,60,.06) !important;
    box-shadow:0 0 0 3px rgba(93,187,60,.15) !important;
}
.mpf-filters button{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    border-radius:10px !important;
    box-shadow:0 6px 18px -6px rgba(93,187,60,.45),inset 0 1px 0 rgba(255,255,255,.25) !important;
    transition:transform .2s,box-shadow .2s,filter .2s !important;
}
.mpf-filters button:hover{
    transform:translateY(-2px);filter:brightness(1.06);
    box-shadow:0 10px 24px -6px rgba(93,187,60,.6) !important;
}

/* Карточка сборки в фиде */
.mpf-card{
    background:linear-gradient(180deg,rgba(28,28,36,.95),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:16px !important;
    backdrop-filter:blur(6px);
    box-shadow:0 14px 36px -22px rgba(0,0,0,.55) !important;
    position:relative;overflow:hidden;
    transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s !important;
}
.mpf-card::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(93,187,60,.6),transparent);
    opacity:0;transition:opacity .25s;
}
.mpf-card:hover{
    transform:translateY(-3px);
    border-color:rgba(93,187,60,.35) !important;
    box-shadow:0 22px 50px -22px rgba(93,187,60,.35) !important;
}
.mpf-card:hover::before{opacity:1}
.mpf-card.featured{
    border-color:rgba(93,187,60,.45) !important;
    box-shadow:0 18px 42px -22px rgba(93,187,60,.4) !important;
}
.mpf-card.featured::before{opacity:1}

.mpf-author-ava{
    background:linear-gradient(135deg,#7ed957,#3d8a26) !important;
    box-shadow:0 4px 12px -4px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.2);
}
.mpf-verified{
    background:linear-gradient(135deg,#7ed957,#3d8a26) !important;
    box-shadow:0 3px 10px -3px rgba(93,187,60,.5);
    font-weight:800;
}
.mpf-pack-title a{
    color:#fff !important;
    font-weight:900 !important;
    transition:color .2s,text-shadow .2s;
}
.mpf-pack-title a:hover{
    color:#aef88b !important;
    text-shadow:0 0 10px rgba(93,187,60,.4);
}

.mpf-badge.hot{background:linear-gradient(135deg,#ff6b3d,#ef4444) !important;box-shadow:0 3px 10px -3px rgba(239,68,68,.5)}
.mpf-badge.featured{background:linear-gradient(135deg,#fbbf24,#f59e0b) !important;color:#1a1208 !important;box-shadow:0 3px 10px -3px rgba(245,158,11,.5)}
.mpf-badge.trending{background:linear-gradient(135deg,#a78bfa,#8b5cf6) !important;box-shadow:0 3px 10px -3px rgba(139,92,246,.5)}
.mpf-badge.useful{background:linear-gradient(135deg,#38bdf8,#0ea5e9) !important;box-shadow:0 3px 10px -3px rgba(14,165,233,.5)}

.mpf-preview-grid,
.mpf-preview-single,
.mpf-preview-three{
    border-radius:10px !important;
    box-shadow:0 8px 22px -10px rgba(0,0,0,.55);
}

.mpf-mod-chip{
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:6px !important;
    backdrop-filter:blur(4px);
    font-weight:600;
}
.mpf-mod-chip.more{
    background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.08)) !important;
    border-color:rgba(93,187,60,.4) !important;
    color:#aef88b !important;
}

.mpf-card-actions{
    border-top:1px solid rgba(255,255,255,.06) !important;
    background:rgba(0,0,0,.18);
}

.mpf-vote-btn,
.mpf-action-btn{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.08) !important;
    border-radius:9px !important;
    transition:transform .15s,background .15s,border-color .15s,box-shadow .15s !important;
}
.mpf-vote-btn:hover,
.mpf-action-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(93,187,60,.4) !important;
    color:#aef88b !important;
}
.mpf-vote-btn.up.active{
    background:linear-gradient(135deg,#7ed957,#3d8a26) !important;
    border-color:transparent !important;color:#fff !important;
    box-shadow:0 4px 12px -3px rgba(93,187,60,.5);
}
.mpf-vote-btn.down.active{
    background:linear-gradient(135deg,#f87171,#dc2626) !important;
    border-color:transparent !important;color:#fff !important;
    box-shadow:0 4px 12px -3px rgba(220,38,38,.5);
}
.mpf-action-btn.download{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    border-color:transparent !important;color:#fff !important;font-weight:900 !important;
    box-shadow:0 6px 16px -5px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.mpf-action-btn.download:hover{
    transform:translateY(-2px);filter:brightness(1.06);
    box-shadow:0 10px 22px -5px rgba(93,187,60,.65) !important;
    color:#fff !important;
}

.mpf-comments-preview{
    background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.06)) !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
}
.mpf-view-all-comments{color:#aef88b !important}

.mpf-empty{
    background:linear-gradient(180deg,rgba(28,28,36,.95),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.08) !important;
    border-radius:18px !important;
    padding:80px 24px !important;
}

/* ═══════════════════════════════════════════════════════════
   MODPACK SHOW (.mp-*)
═══════════════════════════════════════════════════════════ */
.mp-wrap{position:relative}
.mp-wrap::before{
    content:"";position:absolute;top:-80px;left:-160px;width:420px;height:420px;
    background:radial-gradient(circle,rgba(93,187,60,.12) 0%,transparent 70%);
    filter:blur(60px);pointer-events:none;z-index:-1;
}
.mp-wrap::after{
    content:"";position:absolute;top:400px;right:-150px;width:360px;height:360px;
    background:radial-gradient(circle,rgba(80,140,220,.08) 0%,transparent 70%);
    filter:blur(60px);pointer-events:none;z-index:-1;
}

/* Hero модпака */
.mp-hero{
    background:linear-gradient(180deg,rgba(28,28,36,.95),rgba(20,20,28,.98)) !important;
    border:1.5px solid rgba(255,255,255,.08) !important;
    border-radius:22px !important;
    padding:30px !important;
    box-shadow:0 24px 60px -28px rgba(0,0,0,.6) !important;
    position:relative;overflow:hidden;
}
.mp-hero::before{
    content:"";position:absolute;left:0;right:0;top:0;height:3px;
    background:linear-gradient(90deg,transparent,#5dbb3c,#7ed957,#5dbb3c,transparent);
}

.mp-cover-wrap{
    border-radius:14px !important;overflow:hidden;
    box-shadow:0 14px 36px -14px rgba(0,0,0,.6);
    position:relative;
}
.mp-badge.hot{background:linear-gradient(135deg,#ff6b3d,#ef4444) !important;box-shadow:0 3px 10px -3px rgba(239,68,68,.5)}
.mp-badge.featured{background:linear-gradient(135deg,#fbbf24,#f59e0b) !important;color:#1a1208 !important;box-shadow:0 3px 10px -3px rgba(245,158,11,.5)}

.mp-author-avatar{
    background:linear-gradient(135deg,#7ed957,#3d8a26) !important;
    box-shadow:0 4px 14px -4px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.2);
}
.mp-author-name{
    color:#fff !important;font-weight:800;
}
.mp-author-name:hover{color:#aef88b !important}
.mp-verified{
    background:linear-gradient(135deg,#7ed957,#3d8a26) !important;
    box-shadow:0 3px 10px -3px rgba(93,187,60,.5);
}

.mp-hero-info > h1,
.mp-wrap h1{
    color:#fff !important;
    font-weight:900 !important;
    text-shadow:0 0 18px rgba(93,187,60,.4),0 2px 6px rgba(0,0,0,.55) !important;
}

.mp-hero-desc{color:rgba(255,255,255,.78) !important;line-height:1.6}

.mp-stats-bar{
    background:rgba(0,0,0,.22) !important;
    border:1px solid rgba(255,255,255,.05) !important;
    border-radius:12px;
    padding:14px 18px;
}
.mp-stat-val{
    color:#aef88b !important;
    font-weight:900 !important;
    text-shadow:0 0 10px rgba(93,187,60,.3);
}

.mp-tag{
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:8px !important;
    backdrop-filter:blur(4px);
    font-weight:700;
    transition:transform .15s,border-color .15s,background .15s !important;
}
.mp-tag:hover{transform:translateY(-1px);border-color:rgba(93,187,60,.4) !important}
.mp-tag.version{
    background:linear-gradient(135deg,rgba(93,187,60,.2),rgba(93,187,60,.08)) !important;
    border-color:rgba(93,187,60,.4) !important;color:#aef88b !important;
}
.mp-tag.loader{
    background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.08)) !important;
    border-color:rgba(245,158,11,.4) !important;color:#fcd34d !important;
}
.mp-tag.category{
    background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.08)) !important;
    border-color:rgba(139,92,246,.4) !important;color:#c4b5fd !important;
}
.mp-tag.edition{
    background:linear-gradient(135deg,rgba(14,165,233,.2),rgba(14,165,233,.08)) !important;
    border-color:rgba(14,165,233,.4) !important;color:#7dd3fc !important;
}

/* Voting bar */
.mp-voting-bar{
    background:linear-gradient(180deg,rgba(28,28,36,.92),rgba(20,20,28,.92)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:16px !important;
    padding:18px 22px !important;
    box-shadow:0 14px 36px -22px rgba(0,0,0,.55) !important;
}
.mp-vote-btn{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    border-radius:11px !important;
    transition:transform .15s,background .15s,border-color .15s,box-shadow .15s !important;
}
.mp-vote-btn:hover{transform:translateY(-1px);border-color:rgba(93,187,60,.4) !important}
.mp-vote-btn.up.active{
    background:linear-gradient(135deg,#7ed957,#3d8a26) !important;
    border-color:transparent !important;color:#fff !important;
    box-shadow:0 6px 16px -4px rgba(93,187,60,.5);
}
.mp-vote-btn.down.active{
    background:linear-gradient(135deg,#f87171,#dc2626) !important;
    border-color:transparent !important;color:#fff !important;
    box-shadow:0 6px 16px -4px rgba(220,38,38,.5);
}
.mp-vote-bar-wrap{
    background:rgba(255,255,255,.06) !important;
    border-radius:99px;overflow:hidden;height:8px;
}
.mp-vote-bar-fill{
    background:linear-gradient(90deg,#7ed957,#5dbb3c) !important;
    box-shadow:0 0 12px rgba(93,187,60,.5);
}
.mp-social-btn{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    border-radius:10px !important;
    color:#fff !important;
    font-weight:800 !important;
    transition:transform .15s,border-color .15s,background .15s !important;
}
.mp-social-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(93,187,60,.45) !important;
    background:rgba(93,187,60,.08) !important;
    color:#aef88b !important;
}

/* Download grid + cards */
.mp-card{
    background:linear-gradient(180deg,rgba(28,28,36,.95),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:18px !important;
    padding:22px !important;
    box-shadow:0 16px 40px -22px rgba(0,0,0,.55) !important;
    position:relative;overflow:hidden;
}
.mp-card::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(93,187,60,.5),transparent);
}

.mp-dl-option{
    background:rgba(255,255,255,.03) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:12px !important;
    padding:14px 16px !important;
}
.mp-dl-option.primary{
    background:linear-gradient(135deg,rgba(93,187,60,.12),rgba(93,187,60,.04)) !important;
    border-color:rgba(93,187,60,.35) !important;
    box-shadow:0 8px 22px -10px rgba(93,187,60,.3);
}
.mp-dl-icon{
    background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.06));
    border-radius:10px;
}

.btn-mp.primary,
.btn-mp.lg{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;
    color:#fff !important;
    border:none !important;
    border-radius:12px !important;
    padding:14px 26px !important;
    font-weight:900 !important;
    box-shadow:0 10px 26px -6px rgba(93,187,60,.55),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.18) !important;
    transition:transform .2s cubic-bezier(.2,.7,.2,1),filter .2s,box-shadow .2s !important;
    position:relative;overflow:hidden;
}
.btn-mp.primary:hover,
.btn-mp.lg:hover{
    transform:translateY(-2px);filter:brightness(1.06);
    box-shadow:0 14px 32px -6px rgba(93,187,60,.7) !important;
}
.btn-mp.secondary{
    background:rgba(255,255,255,.05) !important;
    border:1.5px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
    border-radius:12px !important;
    padding:13px 22px !important;
    font-weight:800 !important;
    transition:transform .15s,border-color .15s,background .15s !important;
}
.btn-mp.secondary:hover{
    transform:translateY(-1px);
    border-color:rgba(93,187,60,.45) !important;
    background:rgba(93,187,60,.08) !important;
}

.mp-warning{
    background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.04)) !important;
    border:1.5px solid rgba(245,158,11,.35) !important;
    border-radius:12px !important;
    padding:14px 16px !important;
}

/* Requirements */
.mp-req-card{
    background:rgba(255,255,255,.03) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    padding:16px 18px !important;
}
.mp-req-item{
    border-bottom:1px solid rgba(255,255,255,.05) !important;
    padding:10px 0 !important;
}
.mp-req-item:last-child{border-bottom:none !important}
.mp-req-val{color:#aef88b !important;font-weight:800}

/* Mod table */
.mp-mod-table{
    background:rgba(0,0,0,.18) !important;
    border:1px solid rgba(255,255,255,.05) !important;
    border-radius:12px !important;
}
.mp-mod-section-header{
    background:linear-gradient(90deg,rgba(93,187,60,.15),rgba(93,187,60,.02)) !important;
    border-bottom:1px solid rgba(93,187,60,.2) !important;
    color:#aef88b !important;
    font-weight:900 !important;
}
.mp-mod-name-link{color:#fff !important;font-weight:700}
.mp-mod-name-link:hover{color:#aef88b !important}

/* Similar cards */
.mp-similar-card{
    background:linear-gradient(180deg,rgba(28,28,36,.92),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    overflow:hidden;
    transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s !important;
}
.mp-similar-card:hover{
    transform:translateY(-3px);
    border-color:rgba(93,187,60,.4) !important;
    box-shadow:0 16px 32px -14px rgba(93,187,60,.4) !important;
}

/* Tags cloud */
.mp-tag-link{
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:8px !important;
    padding:6px 12px !important;
    color:#aef88b !important;
    font-weight:700;
    transition:transform .15s,background .15s,border-color .15s !important;
}
.mp-tag-link:hover{
    transform:translateY(-1px);
    background:rgba(93,187,60,.12) !important;
    border-color:rgba(93,187,60,.4) !important;
}

/* Comments */
.mp-comment{
    background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    border-radius:12px !important;
    padding:16px 18px !important;
}
.mp-comment-avatar{
    background:linear-gradient(135deg,#7ed957,#3d8a26) !important;
    box-shadow:0 3px 10px -3px rgba(93,187,60,.5);
}
.mp-comment-name{color:#fff !important;font-weight:800}
.mp-comment-action{
    color:rgba(255,255,255,.55) !important;
    transition:color .15s !important;
}
.mp-comment-action:hover{color:#aef88b !important}

/* Build / install steps */
.mp-install-step,
.mp-cat-section{
    background:rgba(255,255,255,.03) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:12px !important;
}
.mp-step-num{
    background:linear-gradient(135deg,#7ed957,#3d8a26) !important;
    color:#fff !important;font-weight:900;
    box-shadow:0 4px 12px -3px rgba(93,187,60,.5);
}

/* Modal */
.mp-version-modal{
    background:linear-gradient(180deg,rgba(28,28,36,.98),rgba(20,20,28,.98)) !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    border-radius:18px !important;
    box-shadow:0 24px 60px -20px rgba(0,0,0,.7) !important;
}
.mp-version-item{
    background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:10px !important;
    transition:border-color .15s,background .15s !important;
}
.mp-version-item:hover{
    border-color:rgba(93,187,60,.4) !important;
    background:rgba(93,187,60,.06) !important;
}

/* Alerts */
.mp-alert{
    border-radius:12px !important;
    padding:14px 18px !important;
    font-weight:700;
}
.mp-alert.success{
    background:linear-gradient(135deg,rgba(93,187,60,.15),rgba(93,187,60,.04)) !important;
    border:1.5px solid rgba(93,187,60,.4) !important;
    color:#aef88b !important;
}
.mp-alert.error{
    background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.04)) !important;
    border:1.5px solid rgba(239,68,68,.4) !important;
    color:#ff8585 !important;
}

/* Guest notice */
.mp-guest-notice{
    background:linear-gradient(135deg,rgba(93,187,60,.1),rgba(80,140,220,.05)) !important;
    border:1.5px solid rgba(93,187,60,.25) !important;
    border-radius:14px !important;
    padding:18px !important;
}

/* Author form (create/edit) */
.mp-form-row input[type="text"],
.mp-form-row input[type="number"],
.mp-form-row input[type="url"],
.mp-form-row textarea,
.mp-form-row select{
    background:rgba(255,255,255,.04) !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    border-radius:10px !important;
    color:#fff !important;
    padding:11px 14px !important;
    transition:border-color .2s,background .2s,box-shadow .2s !important;
}
.mp-form-row input:focus,
.mp-form-row textarea:focus,
.mp-form-row select:focus{
    border-color:#5dbb3c !important;
    background:rgba(93,187,60,.06) !important;
    box-shadow:0 0 0 3px rgba(93,187,60,.15) !important;
    outline:none !important;
}