/* ===========================================================
   AATMANUBHAV GURUKUL
   ACCOUNT DASHBOARD v2
=========================================================== */

.gk-wrapper{
    max-width:1200px;
    margin:40px auto;
    padding:0 20px;
}

/* ================= Banner ================= */

.gk-banner{

    display:flex;
    align-items:center;
    gap:24px;

    padding:30px;

    border-radius:24px;

    background:linear-gradient(135deg,#7a1313,#bf8a09);

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}

.gk-avatar{

    width:95px;
    height:95px;

    border-radius:50%;

    overflow:hidden;

    background:#fff;

    flex-shrink:0;

}

.gk-avatar img,
.gk-avatar-img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

.gk-user{

    flex:1;

}

.gk-user h2{

    margin:0;

    color:#fff;

    font-size:32px;

    font-weight:700;

}

.gk-user p{

    margin-top:10px;

    color:#fff;

    font-size:17px;

    opacity:.95;

}

/* ================= Cards ================= */

.gk-cards{

    display:grid;

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

    gap:20px;

    margin-top:35px;

}

.gk-card{

    background:#fff;

    border-radius:18px;

    min-height:170px;

    text-decoration:none;

    color:#222;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    transition:.30s;

    border:1px solid #ececec;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.gk-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.15);

}

.gk-icon{

    font-size:38px;

    margin-bottom:14px;

    line-height:1;

}

.gk-text{

    font-size:18px;

    font-weight:700;

    color:#222;

    text-align:center;

    line-height:28px;

    padding:0 10px;

}

/* Logout */

.gk-logout{

    background:#990000;

}

.gk-logout .gk-text{

    color:#fff;

}

.gk-logout .gk-icon{

    color:#fff;

}

/* ================= Login ================= */

.gk-login-box{

    max-width:500px;

    margin:80px auto;

    background:#fff;

    border-radius:20px;

    padding:40px;

    text-align:center;

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

}

.gk-btn{

    display:inline-block;

    margin-top:20px;

    padding:14px 35px;

    background:#8b0000;

    color:#fff;

    border-radius:10px;

    text-decoration:none;

}

/* ================= Mobile ================= */

@media(max-width:991px){

.gk-cards{

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

}

}

@media(max-width:768px){

.gk-wrapper{

    margin:25px auto;

    padding:0 15px;

}

.gk-banner{

    flex-direction:column;

    text-align:center;

    padding:25px 20px;

}

.gk-avatar{

    width:78px;

    height:78px;

}

.gk-user h2{

    font-size:24px;

}

.gk-user p{

    font-size:15px;

}

.gk-card{

    min-height:145px;

}

.gk-icon{

    font-size:28px;

    margin-bottom:10px;

}

.gk-text{

    font-size:16px;

    line-height:22px;

}

.gk-logout{

    grid-column:1 / -1;

}

}