/* =========================================
   PRIME FILES PAGE
========================================= */

.files-page{

    padding:140px 20px 70px;
}

.files-wrapper{

    max-width:820px;

    margin:auto;
}

/* HERO */

.files-hero{

    text-align:center;

    margin-bottom:36px;
}

.files-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    border-radius:999px;

    margin-bottom:22px;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    color:#ffd777;

    background:
    rgba(255,190,70,.07);

    border:
    1px solid rgba(255,190,70,.10);

    backdrop-filter:
    blur(10px);
}

.files-hero h1{

    font-size:58px;

    font-weight:800;

    color:#ffffff;

    margin-bottom:14px;

    line-height:1;
}

.files-hero p{

    font-size:16px;

    color:#bdbdbd;

    line-height:1.7;
}

/* CARD */

.files-card,
.warning-box{

    position:relative;

    overflow:hidden;

    margin-bottom:18px;

    padding:24px;

    border-radius:22px;

    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.025),
    rgba(255,255,255,.010));

    border:
    1px solid rgba(255,255,255,.04);

/* backdrop-filter:
    blur(12px); */

    box-shadow:
    0 10px 35px rgba(0,0,0,.22);
}

.files-card::before,
.warning-box::before{

    content:'';

    position:absolute;

    top:-120px;

    right:-120px;

    width:240px;

    height:240px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(255,190,70,.08),
    transparent 70%);
}

/* TITLES */

.files-card h2,
.warning-box h3{

    margin-bottom:16px;

    font-size:22px;

    font-weight:800;

    color:#ffd777;
}

.files-text{

    font-size:14px;

    color:#bdbdbd;

    margin-bottom:16px;

    line-height:1.7;
}

/* GRID */

.download-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:10px;
}

.download-grid.small{

    grid-template-columns:
    repeat(2,1fr);
}

/* BUTTON */

.download-btn{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    height:48px;

    border-radius:14px;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

    overflow:hidden;

    transition:.25s;
}

/* GOLD */

.download-btn.gold{

    color:#111;

    background:
    linear-gradient(
    180deg,
    #ffd777,
    #ffb347);

    box-shadow:
    0 5px 16px rgba(255,190,70,.14);
}

/* DARK */

.download-btn.dark{

    color:#ffffff;

    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.05),
    rgba(255,255,255,.02));

    border:
    1px solid rgba(255,255,255,.05);
}

/* HOVER */

.download-btn:hover{

    transform:
    translateY(-2px);

    filter:
    brightness(1.04);
}

/* WARNING */

.warning-box{

    text-align:center;
}

.warning-box p{

    color:#cfcfcf;

    line-height:1.8;

    margin-bottom:8px;
}

/* FAQ */

.faq-list{

    display:flex;

    flex-direction:column;

    gap:10px;
}

.faq-list a{

    display:flex;

    align-items:center;

    padding:14px 16px;

    border-radius:14px;

    text-decoration:none;

    color:#d8d8d8;

    background:
    rgba(255,255,255,.03);

    border:
    1px solid rgba(255,255,255,.04);

    transition:.25s;
}

.faq-list a:hover{

    transform:
    translateX(4px);

    border-color:
    rgba(255,190,70,.12);

    color:#ffffff;
}

/* GUIDE */

.guide-text{

    display:flex;

    flex-direction:column;

    gap:14px;
}

.guide-text p{

    color:#d0d0d0;

    line-height:1.8;
}

/* CLAN PATCH */

.clan-patch{

    text-align:center;
}

.clan-download-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:50px;

    padding:0 28px;

    border-radius:14px;

    margin-top:8px;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    color:#ffd777;

    background:
    rgba(255,190,70,.06);

    border:
    1px solid rgba(255,190,70,.12);

    transition:.25s;
}

.clan-download-btn:hover{

    transform:
    translateY(-2px);

    background:
    rgba(255,190,70,.10);
}

/* MOBILE */

@media(max-width:768px){

    .files-page{

        padding:120px 14px 50px;
    }

    .files-hero h1{

        font-size:40px;
    }

    .files-hero p{

        font-size:14px;
    }

    .files-card,
    .warning-box{

        padding:20px;
    }

    .download-grid,
    .download-grid.small{

        grid-template-columns:1fr;
    }

    .download-btn{

        height:46px;

        font-size:12px;
    }
}