/* ===================================
   Smart Pekua - Support Page
=================================== */

.support-card{
    background:linear-gradient(135deg,#1976D2,#42A5F5);
    color:#fff;
    padding:28px 22px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    margin-bottom:25px;
}

.support-icon{
    font-size:58px;
    margin-bottom:15px;
}

.support-card h2{
    font-size:26px;
    margin-bottom:15px;
}

.support-card p{
    font-size:16px;
    line-height:1.8;
    opacity:.95;
}

/* Section */

.section-title{
    font-size:22px;
    margin:28px 0 15px;
    color:#222;
}

/* Grid */

.support-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

/* Card */

.support-box{

    background:#fff;

    border-radius:22px;

    padding:22px 15px;

    text-align:center;

    text-decoration:none;

    color:#222;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

    transition:.25s;

}

.support-box:active{

    transform:scale(.96);

}

.support-box:hover{

    transform:translateY(-3px);

}

.support-box{

    font-size:42px;

}

.support-box h4{

    margin-top:12px;

    font-size:18px;

    color:#222;

}

.support-box p{

    margin-top:8px;

    color:#666;

    font-size:14px;

}

/* Footer */

.coming-soon{

    margin-top:35px;

    background:#fff;

    border-radius:22px;

    padding:25px;

    text-align:center;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.coming-soon h3{

    color:#1976D2;

    margin-bottom:15px;

    font-size:22px;

}

.coming-soon p{

    color:#555;

    line-height:1.8;

    font-size:16px;

}

/* Responsive */

@media(max-width:600px){

.support-grid{

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

}

.support-box{

padding:18px 12px;

}

.support-box{

font-size:38px;

}

.support-box h4{

font-size:16px;

}

}
.support-emoji{
    font-size:42px;
    margin-bottom:10px;
}