.dwallnet-student-portal{

    padding:100px 0;

    background:#020617;

}



.portal-header{

    text-align:center;

    max-width:750px;

    margin:auto;

}



.portal-header h2{

    color:white;

    font-size:42px;

    margin:20px 0;

}



.portal-header p{

    color:#94a3b8;

    line-height:1.8;

}



.portal-wrapper{

    margin-top:70px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}





.dashboard-window{

    background:#0f172a;

    border-radius:25px;

    padding:20px;

    box-shadow:0 30px 70px rgba(0,0,0,.4);

}



.dashboard-top{

    display:flex;

    gap:8px;

    margin-bottom:20px;

}


.dashboard-top span{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#64748b;

}



.dashboard-body{

    display:flex;

    min-height:350px;

}



.dashboard-sidebar{

    width:35%;

    background:#020617;

    padding:20px;

}



.dashboard-sidebar div{

    color:#cbd5e1;

    padding:15px 0;

}



.dashboard-content{

    padding:25px;

    width:65%;

}



.course-card{

    background:white;

    padding:20px;

    border-radius:15px;

    margin-bottom:20px;

}



.course-card h4{

    color:#0f172a;

}



.progress{

    height:8px;

    background:#e2e8f0;

    border-radius:20px;

    overflow:hidden;

}



.progress span{

    display:block;

    width:75%;

    height:100%;

    background:#06b6d4;

}



.course-card small{

    color:#64748b;

}





.portal-content h3{

    color:white;

    font-size:35px;

    margin-bottom:30px;

}



.portal-feature{

    display:flex;

    gap:20px;

    margin-bottom:30px;

}



.portal-feature span{

    font-size:35px;

}



.portal-feature h4{

    color:white;

    margin:0 0 8px;

}



.portal-feature p{

    color:#94a3b8;

}



@media(max-width:900px){

.portal-wrapper{

grid-template-columns:1fr;

}


.dashboard-body{

display:none;

}


.portal-content h3{

font-size:30px;

}

}