*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Open Sans',sans-serif;background:#f4f0ed;min-height:100vh;padding:0;line-height:1.7;color:#2d1e1c;align-items:center;justify-content:center;}.page-wrapper{max-width:1000px;width:100%;background:#ffffff;border-radius:5px;box-shadow:0 30px 60px -20px rgba(82,1,3,0.25),0 10px 30px -10px rgba(40,0,0,0.08);padding:2.8rem 2.8rem;position:relative;overflow:hidden;}.page-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#520103 0%,#8b1a1f 60%,#c75a5f 100%);opacity:0.85;}@media (max-width:640px){.page-wrapper{padding:1.8rem 1.2rem;margin:1rem 0.8rem;border-radius:5px;}}.main-content{width:100%;}.page-header{margin-bottom:2.2rem;padding-bottom:0.8rem;border-bottom:2px solid #ece2df;}.page-header .title-row{display:flex;align-items:center;flex-wrap:wrap;gap:0.8rem 1.2rem;}.brand-icon{width:52px;height:52px;background:#520103;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 6px 12px rgba(82,1,3,0.20);flex-shrink:0;}.page-header h1{font-weight:300;font-size:2.2rem;letter-spacing:-0.02em;color:#520103;margin:0;line-height:1.2;}.page-header .sub-badge{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#520103;background:#f5edeb;padding:0.3rem 1rem;border-radius:40px;border:1px solid #e0d2ce;margin-left:auto;}.page-header .subtitle{font-size:1.05rem;font-weight:400;color:#7a5a55;margin-top:0.2rem;padding-left:0.2rem;letter-spacing:0.01em;}.page-header .subtitle i{color:#520103;margin-right:0.4rem;opacity:0.6;}@media (max-width:600px){.page-header h1{font-size:1.6rem;}.brand-icon{width:40px;height:40px;font-size:1.2rem;}.page-header .sub-badge{font-size:0.6rem;padding:0.2rem 0.8rem;margin-left:0;}.page-header .subtitle{font-size:0.95rem;}}.intro-text{font-size:1rem;color:#2d1e1c;margin-bottom:1.5rem;}.intro-text strong{color:#520103;}.lecturer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}.lecturer-card{background:#fdfbfa;border-radius:10px;padding:1.5rem 1.5rem;border:1px solid #ede4e1;transition:all 0.25s ease;display:flex;gap:1.2rem;align-items:flex-start;}.lecturer-card:hover{background:#ffffff;border-color:#c9a8a3;box-shadow:0 6px 18px rgba(82,1,3,0.06);transform:translateY(-3px);}.lecturer-card .avatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #520103;background:#f5edeb;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(82,1,3,0.08);}.lecturer-card .avatar img{width:100%;height:100%;object-fit:cover;}.lecturer-card .avatar .placeholder{font-size:2.8rem;color:#520103;opacity:0.3;font-weight:300;}.lecturer-card .info{flex:1;min-width:0;}.lecturer-card .info .name{font-size:1.1rem;font-weight:700;color:#520103;line-height:1.3;margin-bottom:0.05rem;}.lecturer-card .info .designation{font-size:0.9rem;font-weight:600;color:#2d1e1c;}.lecturer-card .info .department{font-size:0.85rem;color:#7a5a55;margin-top:0.1rem;}.lecturer-card .info .dept-icon{color:#520103;margin-right:0.3rem;opacity:0.6;font-size:0.8rem;}@media (max-width:768px){.lecturer-grid{grid-template-columns:1fr 1fr;gap:1rem;}.lecturer-card{padding:1rem 1rem;gap:0.8rem;flex-direction:column;align-items:center;text-align:center;}.lecturer-card .avatar{width:70px;height:70px;}.lecturer-card .info .name{font-size:1rem;}.lecturer-card .info .designation{font-size:0.85rem;}}@media (max-width:576px){.lecturer-grid{grid-template-columns:1fr;gap:0.9rem;}.lecturer-card{flex-direction:row;text-align:left;padding:1rem 1.2rem;align-items:center;}.lecturer-card .avatar{width:64px;height:64px;flex-shrink:0;}.lecturer-card .info .name{font-size:0.95rem;}.lecturer-card .info .designation{font-size:0.82rem;}.lecturer-card .info .department{font-size:0.78rem;}}@media (max-width:400px){.lecturer-card{flex-direction:column;align-items:center;text-align:center;padding:0.8rem 0.8rem;}.lecturer-card .avatar{width:60px;height:60px;}}@media (max-width:480px){.section-title{font-size:1.05rem;padding-left:0.6rem;}}a:focus-visible{outline:3px solid #520103;outline-offset:3px;border-radius:4px;}