*{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%;margin:2rem 1.5rem;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;}}.section-title{font-size:1.2rem;font-weight:700;color:#520103;margin-top:1.8rem;margin-bottom:0.8rem;display:flex;align-items:center;gap:0.6rem;border-left:4px solid #520103;padding-left:0.9rem;}.section-title i{font-size:1.1rem;opacity:0.8;}.section-title:first-of-type{margin-top:0;}.intro-text{font-size:1rem;color:#2d1e1c;margin-bottom:1.2rem;}.intro-text strong{color:#520103;font-weight:600;}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:0.3rem;}.admin-card{background:#fdfbfa;border-radius:10px;padding:1.5rem 1.5rem;border:1px solid #ede4e1;transition:all 0.25s ease;}.admin-card:hover{background:#ffffff;border-color:#c9a8a3;box-shadow:0 6px 18px rgba(82,1,3,0.06);transform:translateY(-3px);}.admin-card .card-header{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:0.6rem;}.admin-card .avatar{flex-shrink:0;width:200px;height:200px;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);}.admin-card .avatar img{width:100%;height:100%;object-fit:cover;}.admin-card .avatar .placeholder{font-size:4rem;color:#520103;opacity:0.3;font-weight:300;}.admin-card .role{flex:1;min-width:0;}.admin-card .role .name{font-size:1.05rem;font-weight:700;color:#520103;line-height:1.3;}.admin-card .role .title{font-size:0.85rem;font-weight:600;color:#2d1e1c;}.admin-card .role .dept{font-size:0.8rem;color:#7a5a55;}.admin-card .details{margin-top:0.5rem;border-top:1px solid #ede4e1;padding-top:0.6rem;}.admin-card .details .detail-item{display:flex;align-items:center;gap:0.5rem;font-size:0.88rem;color:#2d1e1c;padding:0.1rem 0;}.admin-card .details .detail-item i{width:20px;color:#520103;font-size:0.85rem;opacity:0.7;}.admin-card .details .detail-item a{color:#520103;text-decoration:none;font-weight:500;}.admin-card .details .detail-item a:hover{text-decoration:underline;}.admin-card .details .qualifications{font-size:0.82rem;color:#5a3e3a;background:#faf5f3;padding:0.2rem 0.8rem;border-radius:6px;display:inline-block;margin-top:0.2rem;}.admin-card .details .qualifications i{color:#520103;margin-right:0.3rem;opacity:0.6;}@media (max-width:992px){.admin-card .avatar{width:150px;height:150px;}.admin-card .avatar .placeholder{font-size:3.2rem;}}@media (max-width:768px){.admin-grid{grid-template-columns:1fr 1fr;gap:1rem;}.admin-card{padding:1rem 1rem;}.admin-card .card-header{flex-direction:column;align-items:center;text-align:center;}.admin-card .avatar{width:160px;height:160px;}.admin-card .avatar .placeholder{font-size:3.5rem;}.admin-card .role .name{font-size:0.95rem;}.admin-card .role .title{font-size:0.8rem;}.admin-card .details .detail-item{font-size:0.82rem;justify-content:center;}}@media (max-width:576px){.admin-grid{grid-template-columns:1fr;gap:0.9rem;}.admin-card .card-header{flex-direction:column;align-items:center;text-align:center;}.admin-card .avatar{width:180px;height:180px;}.admin-card .avatar .placeholder{font-size:3.8rem;}.admin-card .role .name{font-size:0.95rem;}.admin-card .details .detail-item{justify-content:center;font-size:0.82rem;}}@media (max-width:420px){.admin-card .avatar{width:150px;height:150px;}.admin-card .avatar .placeholder{font-size:3rem;}.admin-card .role .name{font-size:0.88rem;}}.admin-card.director{grid-column:1 / -1;}.admin-card.director .card-header{align-items:center;}@media (max-width:768px){.admin-card.director .card-header{flex-direction:column;align-items:center;text-align:center;}.admin-card.director .avatar{width:180px;height:180px;}}@media (max-width:576px){.admin-card.director .avatar{width:200px;height:200px;}}@media (max-width:420px){.admin-card.director .avatar{width:160px;height:160px;}}@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;}