/* ===========================
   MaxWay Components
   =========================== */

.actions{

    display:flex;

    gap:18px;

    justify-content:center;

    margin-top:40px;

    flex-wrap:wrap;

}

.btn{

    min-width:180px;

    padding:15px 28px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    letter-spacing:.5px;

    transition:.3s;

    cursor:pointer;

}

.btn-primary{

    background:#A8FF00;

    color:#111;

    box-shadow:

    0 0 20px rgba(168,255,0,.25);

}

.btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:

    0 10px 30px rgba(168,255,0,.45);

}

.btn-secondary{

    color:#fff;

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

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

    backdrop-filter:blur(12px);

}

.btn-secondary:hover{

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

    transform:translateY(-3px);

}

.stats{

    margin-top:55px;

    display:grid;

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

    gap:18px;

    width:min(900px,95vw);

}

.stat{

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

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

    border-radius:16px;

    padding:22px;

    backdrop-filter:blur(14px);

    transition:.3s;

}

.stat:hover{

    transform:translateY(-5px);

    border-color:rgba(168,255,0,.2);

}

.stat-value{

    color:#A8FF00;

    font-size:32px;

    font-weight:800;

}

.stat-label{

    margin-top:8px;

    color:#999;

    font-size:14px;

}

@media(max-width:900px){

.stats{

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

}

}

@media(max-width:600px){

.stats{

grid-template-columns:1fr;

}

.actions{

flex-direction:column;

align-items:center;

}

.btn{

width:100%;

max-width:320px;

}

}