*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,Arial,Helvetica,sans-serif;background:#f5f7fb;color:#333;font-size:15px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none}ul{list-style:none}.container{width:95%;max-width:1400px;margin:auto}.main-header{position:sticky;top:0;left:0;width:100%;z-index:999;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.08)}.header-container{width:95%;max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 25px;gap:25px}.brand-section{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.university-logo{width:78px;height:78px;object-fit:contain;flex-shrink:0}.university-title{min-width:0}.university-title h1{color:#0b4f8c;font-size:34px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.university-title p{color:#777;margin-top:6px;font-size:19px}.header-actions{display:flex;align-items:center}.login-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#0b4f8c;color:#fff;padding:14px 30px;border-radius:50px;font-weight:600;transition:.3s}.login-btn:hover{background:#06376b;color:#fff;text-decoration:none;transform:translateY(-2px)}.hero{background:#eef4fb;padding:35px 0 60px}.hero-container{width:95%;max-width:1400px;margin:auto}.hero-banner{position:relative;height:280px;border-radius:20px;overflow:hidden;background-image:url('../images/university-banner.jpg');background-size:cover;background-position:center;box-shadow:0 10px 35px rgba(0,0,0,.18)}.hero-overlay{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:rgba(0,45,90,.42);color:#fff;padding:25px}.hero-overlay h2{font-size:38px;font-weight:700;margin-bottom:18px}.hero-overlay p{font-size:18px;max-width:900px}.marquee-container{background:#0b4f8c;color:#fff;padding:12px 20px;font-size:15px;font-weight:500}.marquee-container marquee{width:100%}.section{padding:70px 0}.section-title{text-align:center;font-size:36px;color:#0b4f8c;font-weight:700;margin-bottom:40px}.card{background:#fff;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.08)}.leaders{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:-70px;position:relative;z-index:10}.leader-card{background:#fff;border-radius:18px;padding:25px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:all .3s ease;height:100%}.leader-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.18)}.leader-photo{width:145px;height:145px;margin:auto;border-radius:50%;overflow:hidden;border:6px solid #edf4fc;margin-bottom:18px}.leader-photo img{width:100%;height:100%;object-fit:cover}.leader-card h3{color:#0b4f8c;font-size:22px;font-weight:600;margin-bottom:10px}.leader-card p{color:#666;font-size:15px;line-height:1.6}.main-section{width:95%;max-width:1400px;margin:60px auto;display:grid;grid-template-columns:2fr 1fr;gap:30px}.main-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.main-card h2{color:#0b4f8c;font-size:30px;margin-bottom:25px;font-weight:700}.kaloji-content{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}.kaloji-photo{width:260px;border-radius:15px;overflow:hidden;flex-shrink:0;box-shadow:0 8px 24px rgba(0,0,0,.15)}.kaloji-photo img{width:100%;display:block}.kaloji-text{flex:1;min-width:280px}.kaloji-text p{color:#555;font-size:16px;line-height:1.9;text-align:justify}.btn-primary-custom{display:inline-block;margin-top:20px;padding:12px 28px;border-radius:50px;background:#0b4f8c;color:#fff;transition:.3s;font-weight:600}.btn-primary-custom:hover{background:#06376b;color:#fff;text-decoration:none}.directory-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.directory-card h2{color:#0b4f8c;margin-bottom:20px}.directory-card select{width:100%;height:48px;border:1px solid #ddd;border-radius:8px;padding:0 15px;margin-bottom:20px;outline:0}.directory-card select:focus{border-color:#0b4f8c}.college-list{max-height:500px;overflow-y:auto;border:1px solid #eee;border-radius:10px;padding:15px}.letter{color:#0b4f8c;font-weight:700;margin:15px 0 8px;font-size:18px}.college{padding:8px 0;color:#555;border-bottom:1px solid #f2f2f2;transition:.25s;cursor:pointer}.college:hover{color:#0b4f8c;padding-left:10px}.college-list::-webkit-scrollbar{width:8px}.college-list::-webkit-scrollbar-thumb{background:#0b4f8c;border-radius:20px}.college-list::-webkit-scrollbar-track{background:#f3f3f3}.white-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.main-section{width:95%;max-width:1400px;margin:60px auto;display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:flex-start}.card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,.08);height:100%}.card h2{color:#0b4f8c;font-size:30px;font-weight:700;margin-bottom:25px}.directory{position:sticky;top:110px}.directory select{width:100%;height:48px;border:1px solid #d9d9d9;border-radius:8px;padding:0 15px;margin-bottom:20px;background:#fff;outline:0}.directory select:focus{border-color:#0b4f8c;box-shadow:0 0 0 3px rgba(11,79,140,.15)}.kaloji-content{display:flex;gap:30px;align-items:flex-start}.kaloji-photo{width:240px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.15);flex-shrink:0}.kaloji-text{flex:1}.kaloji-text p{color:#555;line-height:1.9;text-align:justify;margin-bottom:15px}.read-more{display:inline-block;margin-top:15px;padding:12px 28px;background:#0b4f8c;color:#fff;border-radius:30px;font-weight:600;transition:.3s}.read-more:hover{background:#06376b;color:#fff;text-decoration:none}.college-list{max-height:520px;overflow-y:auto;border:1px solid #e9e9e9;border-radius:10px;padding:15px;background:#fff}.letter{font-size:18px;font-weight:700;color:#0b4f8c;margin:15px 0 10px}.college{padding:10px 8px;border-bottom:1px solid #f2f2f2;color:#555;cursor:pointer;transition:.25s}.college:last-child{border-bottom:none}.college:hover{background:#f5f9ff;color:#0b4f8c;padding-left:15px}.college-list::-webkit-scrollbar{width:8px}.college-list::-webkit-scrollbar-thumb{background:#0b4f8c;border-radius:20px}.college-list::-webkit-scrollbar-track{background:#f2f2f2}.quick-section{padding:70px 0;background:#f7f9fc}.quick-grid{width:95%;max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.quick-card{background:#fff;border-radius:18px;padding:35px 25px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:all .3s ease;color:#0b4f8c}.quick-card:hover{transform:translateY(-8px);background:#0b4f8c;color:#fff}.quick-card i{font-size:42px;margin-bottom:18px}.quick-card h3{font-size:20px;font-weight:600}.about-section{padding:70px 0;background:#eef4fb}.about-content{width:95%;max-width:1200px;margin:auto;text-align:center}.about-content p{font-size:18px;color:#555;line-height:34px}.notice-section{padding:70px 0}.notice-box{width:95%;max-width:1200px;margin:auto;background:#fff;border-radius:18px;padding:35px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.notice-box ul{margin-top:20px}.notice-box li{padding:14px 0;border-bottom:1px solid #eee;color:#444}.notice-box li:last-child{border-bottom:none}footer{background:#003b82;color:#fff;margin-top:70px}.footer-container{width:95%;max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:55px 0}.footer-container h3{margin-bottom:20px;font-size:22px}.footer-container ul{padding:0}.footer-container li{margin-bottom:12px;color:rgba(255,255,255,.85)}.footer-container li:hover{color:#fff}.bottom-footer{text-align:center;padding:18px;background:#002b61;font-size:15px}@media (max-width:1400px){.header-container{padding:15px 25px}.university-title h1{font-size:30px}}@media (max-width:1200px){.leaders{grid-template-columns:repeat(2,1fr);margin-top:30px}.main-section{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.footer-container{grid-template-columns:repeat(2,1fr)}.hero-banner{height:260px}.hero-overlay h2{font-size:38px}}@media (max-width:992px){.header-container{flex-direction:column;text-align:center}.brand-section{flex-direction:column}.header-actions{width:100%}.login-btn{width:100%}.university-title h1{white-space:normal;font-size:30px}.hero-banner{height:220px}.hero-overlay h2{font-size:30px}.hero-overlay p{font-size:18px}}@media (max-width:768px){.leaders{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr;text-align:center}.kaloji-content{flex-direction:column;align-items:center}.kaloji-photo{width:220px}.hero{padding:20px 0 40px}.hero-banner{height:180px}.hero-overlay h2{font-size:24px}.hero-overlay p{font-size:15px}.section-title{font-size:28px}.about-content p{font-size:16px;line-height:30px}}@media (max-width:480px){.header-container{padding:15px}.university-logo{width:65px;height:65px}.university-title h1{font-size:24px}.university-title p{font-size:15px}.leader-photo{width:120px;height:120px}.leader-card{padding:20px}.main-card{padding:20px}.directory-card{padding:20px}.quick-card{padding:25px 18px}}.btn-primary-custom,.leader-card,.login-btn,.quick-card{transition:all .3s ease}.shadow-sm{box-shadow:0 5px 15px rgba(0,0,0,.08)}.shadow-md{box-shadow:0 10px 25px rgba(0,0,0,.12)}.shadow-lg{box-shadow:0 18px 40px rgba(0,0,0,.18)}