:root{

    --owco-bg:#07111f;
    --owco-card:#0f1b2d;
    --owco-card-light:#13233a;

    --owco-border:#20395c;

    --owco-primary:#1e90ff;
    --owco-primary-light:#38b6ff;

    --owco-text:#ffffff;
    --owco-muted:#9fb2c8;

    --owco-radius:16px;

}

.owco-wrapper{

    max-width:1600px;

    margin:40px auto;

    padding:20px;

    color:var(--owco-text);

    font-family:
    Inter,
    Arial,
    sans-serif;

}

.owco-header{

    text-align:center;

    margin-bottom:40px;

    background:#07111f;

    border-radius:20px;

    padding:30px;

}

.owco-logo{

    max-width:280px;

    margin-bottom:20px;

    background:#07111f;

    padding:15px;

    border-radius:16px;

}

.owco-header h2{

    margin:0;

    font-size:34px;

    font-weight:800;

}

.owco-grid{

    display:grid;

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

    gap:20px;

}

.owco-card{

    background:
    linear-gradient(
        135deg,
        var(--owco-card),
        var(--owco-card-light)
    );

    border:1px solid
    var(--owco-border);

    border-radius:
    var(--owco-radius);

    padding:24px;

    text-align:center;

    transition:.25s;

}

.owco-card:hover{

    transform:
    translateY(-4px);

}

.owco-flag{

    font-size:42px;

    margin-bottom:10px;

}

.owco-team{

    font-size:18px;

    font-weight:700;

    margin-bottom:15px;

}

.owco-odds{

    font-size:18px;

    font-weight:900;

    color:var(--owco-primary-light);

    margin-bottom:20px;

}

.owco-button{

    display:block;

    text-decoration:none;

    color:#fff !important;

    font-weight:700;

    padding:14px;

    border-radius:12px;

    background:
    linear-gradient(
        135deg,
        var(--owco-primary),
        var(--owco-primary-light)
    );

}

.owco-button:hover{

    opacity:.92;

}

@media(max-width:1200px){

    .owco-grid{

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

    }

}

@media(max-width:900px){

    .owco-grid{

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

    }

}

@media(max-width:600px){

    .owco-grid{

        grid-template-columns:
        1fr;

    }

}