.site-header {
    padding: 24px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.92);
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 10px 30px rgba(15,23,42,0.08);
}
.site-nav {
    display: flex;
    gap: 24px;
    align-items: center;
}

.site-nav a {
    text-decoration: none;
    color: #111827;
    font-weight: 600;
    transition: color 0.2s ease;
}

.site-nav a:hover,
.site-nav a.active {
    color: #3122d1;
}
.logo{
    color:#3122d1
}
.footer-basic {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}
.profile-main{
    max-width:1000px;
    margin:28px auto;
    padding:0 20px
}
.profile-top{
    display:flex;
    gap:24px;
    flex-wrap:wrap;
    align-items:flex-start;
    margin-bottom:24px
}
.profile-card{
    display:flex;
    gap:18px;
    background:#fff;
    padding:18px;
    border-radius:12px;
    box-shadow:0 12px 30px rgba(2,6,23,0.06);
    flex:1;
    min-width:320px
}
.avatar{
    width: 100px;
    height:100px;
    border-radius:12px;
    object-fit:cover
}
.profile-info{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.name{
    margin:0;
    font-size:20px
}
.role{
    color:#64748b;
    margin-top:4px
}
.contact{
    margin-top:8px;
    color:#334155
}
.actions{
    margin-top:12px;
    display:flex;
    gap:8px
}

.profile-stats{
    display:flex;
    gap:18px;
    align-items:center
}
.stat{
    background:#fff;
    padding:14px;
    border-radius:12px;
    min-width:110px;
    text-align:center;
    box-shadow:0 8px 24px rgba(2,6,23,0.04)
}
.stat .num{
    font-weight:800;
    font-size:20px
}
.stat .label{
    color:#64748b;
    margin-top:6px
}

.my-courses{
    margin-top:18px
}
.course-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px
}
.course-card{
    background:#fff;
    padding:12px;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(2,6,23,0.04);
    text-align:left
}
.course-card img{
    width:100%;
    height:130px;
    object-fit:cover;
    border-radius:8px;
    margin-bottom:10px
}
.course-card h3{
    margin:0 0 6px 0
}
.course-card .meta{
    color:#64748b;
    font-size:13px
}

.logout-row{
    margin:18px 0
}

@media(max-width:720px){
    .profile-top{flex-direction:column}
    .profile-stats{width:100%;
        justify-content:space-between}
    }