*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#eef2f7;font-family:Times New Roman,serif}header{color:#fff;text-align:center;background:linear-gradient(135deg,#1f4e79,#2d6a4f);padding:35px;box-shadow:0 5px 15px #00000026}header h1{letter-spacing:2px;margin-bottom:8px;font-size:36px}header p{opacity:.9;font-size:18px}.container{width:90%;max-width:1200px;margin:35px auto}.search-box{margin-bottom:35px}.search-box input{border:none;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-size:18px;transition:all .25s;box-shadow:0 3px 10px #0000001f}.search-box input:focus{box-shadow:0 0 0 4px #1f4e7940}.officer-title{color:#c62828;border-left:8px solid #c62828;margin-bottom:18px;padding-left:12px;font-size:28px;font-weight:700}section{margin-bottom:45px}section h2{color:#1f4e79;border-left:8px solid #2d6a4f;margin-bottom:18px;padding-left:12px;font-size:28px}.member-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.member-card{cursor:pointer;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:18px;transition:all .25s;display:flex;box-shadow:0 5px 12px #00000014}.member-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000002e}.member-name{font-size:22px;font-weight:700}.member-arrow{color:#2d6a4f;font-size:28px}.member-card.leader{color:#fff;background:#1f4e79}.member-card.leader .member-name{color:#fff}.member-card.leader .member-name i{color:gold}.member-card.leader .member-arrow i{color:#fff}.member-card.assistant{color:#fff;background:#2d6a4f}.member-card.assistant .member-name{color:#fff}.member-card.assistant .member-name i{color:#e71e1e}.member-card.assistant .member-arrow i{color:#fff}footer{text-align:center;color:#666;padding:20px}@media (width<=700px){header h1{font-size:28px}section h2{font-size:24px}.member-name{font-size:19px}}.member-name i{color:#5b3f99;margin-right:10px}.member-arrow i{color:#2d6a4f;font-size:28px}.footer{color:#fff;background:linear-gradient(135deg,#17324d,#255b55);margin-top:80px;padding:70px 0 35px}.footer-container{width:90%;max-width:1300px;margin:auto}.footer-logo{text-align:center;margin-bottom:45px}.footer-logo h2{letter-spacing:2px;margin-bottom:10px;font-size:34px}.footer-logo p{color:#d7e5f4;font-size:18px}.footer-stat{flex-wrap:wrap;justify-content:center;gap:35px;display:flex}.stat-box{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;width:240px;padding:30px;transition:all .35s}.stat-box:hover{background:#ffffff26;transform:translateY(-8px);box-shadow:0 12px 30px #00000040}.stat-icon{margin-bottom:15px;font-size:42px}.stat-number{color:#ffd54f;font-size:42px;font-weight:700}.stat-box span{color:#e8eef5;margin-top:10px;display:block}.footer-bottom{text-align:center;margin-top:60px}.status{margin-bottom:18px;font-size:18px}.dot{background:#0f8;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:1.5s infinite pulse;display:inline-block;box-shadow:0 0 12px #0f8}.footer-bottom p{margin:8px 0;font-size:17px}.footer-bottom small{color:#c8d4df}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}