/* AIR Client — Components */

/* Discord Page */
.discord-page{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:80px 20px;
}

.discord-container{
    max-width:1100px;
    width:100%;
}

.discord-title{
    text-align:center;
    font-size:3rem;
    margin-bottom:15px;
}

.discord-subtitle{
    text-align:center;
    color:var(--steel-dim);
    max-width:700px;
    margin:0 auto 60px;
}

.bot-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:30px;
}

.bot-card{
    background:var(--navy-2);
    border:1px solid var(--line);
    border-radius:18px;
    padding:35px;
    transition:.25s;
}

.bot-card:hover{
    transform:translateY(-6px);
    border-color:var(--wave-light);
    box-shadow:0 20px 45px rgba(91,200,245,.15);
}

.bot-icon{
    width:72px;
    height:72px;
    border-radius:16px;
    background:linear-gradient(135deg,var(--wave-deep),var(--wave-light));
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:22px;
}

.bot-card h2{
    margin-bottom:12px;
    font-size:1.6rem;
}

.bot-card p{
    color:var(--steel-dim);
    margin-bottom:30px;
}

.bot-card .btn{
    width:100%;
    justify-content:center;
}