.tentang-page{width:100%;min-height:100vh;padding:120px 0 40px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.tentang-header{text-align:center;margin-bottom:50px;padding:0 20px}.tentang-header h1{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.tentang-header p{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.tentang-content{max-width:1200px;margin:0 auto;padding:0 20px}.sejarah-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 15px 35px #0000001a;border-top:4px solid #ff9f43}.sejarah-section h2{font-size:2.5rem;color:#2c3e50;margin-bottom:30px;text-align:center;position:relative}.sejarah-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff9f43,coral);border-radius:2px}.sejarah-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.sejarah-text{color:#5a6c7d;font-size:1.1rem;line-height:1.8;text-align:justify}.sejarah-image{text-align:center}.sejarah-image img{width:100%;max-width:400px;height:auto;border-radius:15px;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease}.sejarah-image img:hover{transform:scale(1.05)}.visi-misi-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.visi-card,.misi-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 35px #0000001a;transition:transform .3s ease}.visi-card{border-top:4px solid #e74c3c}.misi-card{border-top:4px solid #8b4a47}.visi-card:hover,.misi-card:hover{transform:translateY(-5px)}.visi-card h3,.misi-card h3{font-size:2rem;margin-bottom:25px;text-align:center;position:relative}.visi-card h3{color:#e74c3c}.misi-card h3{color:#8b4a47}.visi-card h3:after,.misi-card h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;border-radius:2px}.visi-card h3:after{background:#e74c3c}.misi-card h3:after{background:#8b4a47}.visi-text{color:#5a6c7d;font-size:1.1rem;line-height:1.7;text-align:center;font-style:italic}.misi-list{list-style:none;padding:0}.misi-list li{color:#5a6c7d;font-size:1rem;line-height:1.6;margin-bottom:15px;padding-left:30px;position:relative}.misi-list li:before{content:"✓";position:absolute;left:0;top:0;color:#8b4a47;font-weight:700;font-size:1.2rem}.pimpinan-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 15px 35px #0000001a;border-top:4px solid #9b59b6}.pimpinan-section h2{font-size:2.5rem;color:#2c3e50;margin-bottom:40px;text-align:center;position:relative}.pimpinan-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:2px}.pimpinan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.pimpinan-card{background:#f8f9fa;border-radius:15px;padding:30px;text-align:center;transition:all .3s ease;border:2px solid transparent}.pimpinan-card:hover{transform:translateY(-5px);border-color:#9b59b6;box-shadow:0 10px 25px #9b59b633}.foto-pimpinan{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 20px;border:4px solid #9b59b6;transition:transform .3s ease}.pimpinan-card:hover .foto-pimpinan{transform:scale(1.1)}.nama-pimpinan{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:8px}.jabatan-pimpinan{color:#9b59b6;font-weight:600;margin-bottom:15px;font-size:1rem}.detail-pimpinan{display:flex;flex-direction:column;gap:8px}.info-item{color:#7f8c8d;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px}.deskripsi-pimpinan{color:#5a6c7d;font-size:.95rem;line-height:1.5;margin-top:15px;text-align:justify}@media (max-width: 1024px){.sejarah-content{grid-template-columns:1fr;gap:30px}.visi-misi-section{grid-template-columns:1fr;gap:25px}.pimpinan-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}}@media (max-width: 768px){.tentang-header h1{font-size:2.5rem}.sejarah-section,.visi-card,.misi-card,.pimpinan-section{padding:30px}.sejarah-section h2,.pimpinan-section h2{font-size:2rem}.visi-card h3,.misi-card h3{font-size:1.8rem}.pimpinan-grid{grid-template-columns:1fr}}@media (max-width: 480px){.tentang-page{padding:100px 0 30px}.tentang-header h1{font-size:2rem}.tentang-header p{font-size:1rem}.sejarah-section,.visi-card,.misi-card,.pimpinan-section{padding:20px}.sejarah-section h2,.pimpinan-section h2{font-size:1.8rem}.visi-card h3,.misi-card h3{font-size:1.6rem}.sejarah-text,.visi-text{font-size:1rem}.misi-list li{font-size:.95rem}.pimpinan-card{padding:20px}.foto-pimpinan{width:100px;height:100px}.nama-pimpinan{font-size:1.2rem}}.tentang-badge{display:inline-block;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px;box-shadow:0 4px 8px #ff9f434d}.tentang-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a;transition:all .3s ease;border-top:4px solid #ff9f43}.tentang-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026;border-top-color:coral}.tentang-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff9f434d}.tentang-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9f4366}.sambutan-rektor{width:100%;min-height:100vh;padding:70px 0 60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6);font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn .8s ease-in-out}.section-header{text-align:center;margin-bottom:60px;animation:slideDown .6s ease-out}.section-header h2{font-size:3.5rem;font-weight:800;color:#343a40;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#495057,#6c757d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sambutan-content{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start;animation:slideUp .6s ease-out .2s both}.rektor-photo{position:sticky;top:140px}.photo-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px #00000026;transition:all .3s ease;background:#fff;padding:20px}.photo-container:hover{transform:translateY(-10px);box-shadow:0 35px 70px #0003}.photo-container img{width:100%;height:400px;object-fit:cover;border-radius:15px;transition:transform .3s ease}.photo-container:hover img{transform:scale(1.05)}.photo-overlay{position:absolute;bottom:20px;left:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;transform:translateY(100%);transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.photo-container:hover .photo-overlay{transform:translateY(0)}.overlay-content h4{font-size:1.3rem;font-weight:700;color:#343a40;margin-bottom:8px;text-align:center}.overlay-content p{font-size:1rem;color:#6c757d;margin-bottom:5px;text-align:center;font-weight:500}.overlay-content p:last-child{margin-bottom:0;font-weight:600;color:#495057}.sambutan-text{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);animation:slideLeft .6s ease-out .4s both}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.rektor-info{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e9ecef;position:relative}.rektor-info:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(135deg,#6c757d,#495057)}.rektor-info h3{font-size:2rem;font-weight:700;color:#343a40;margin-bottom:10px;background:linear-gradient(135deg,#495057,#6c757d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rektor-title{font-size:1.2rem;color:#6c757d;font-weight:600;font-style:italic}.sambutan-message{line-height:1.8}.sambutan-message p{font-size:1.1rem;color:#495057;margin-bottom:20px;text-align:justify;text-indent:2em;position:relative}.sambutan-message p:first-child{font-weight:600;color:#343a40;text-align:center;text-indent:0;font-size:1.2rem;margin-bottom:30px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border-left:4px solid #6c757d}.sambutan-message p:last-of-type{font-weight:600;color:#343a40;text-align:center;text-indent:0;font-size:1.2rem;margin-bottom:30px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border-left:4px solid #6c757d}.signature{text-align:center;margin-top:40px;padding:25px;background:linear-gradient(135deg,#343a40,#495057);border-radius:15px;color:#fff;position:relative;overflow:hidden}.signature:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.signature p{margin:0;text-indent:0!important}.signature p:first-child{font-size:1.3rem;font-weight:700;margin-bottom:5px}.signature p:last-child{font-size:1.1rem;font-weight:500;opacity:.9}@media (max-width: 1024px){.sambutan-content{grid-template-columns:1fr;gap:40px}.rektor-photo{position:static;max-width:400px;margin:0 auto}.photo-container{padding:15px}.photo-container img{height:350px}.sambutan-text{padding:30px}}@media (max-width: 768px){.sambutan-rektor{padding:100px 0 40px}.section-header h2{font-size:2.5rem}.container{padding:0 15px}.sambutan-content{gap:30px}.photo-container{padding:10px}.photo-container img{height:300px}.sambutan-text{padding:25px}.rektor-info h3{font-size:1.6rem}.rektor-title{font-size:1rem}.sambutan-message p{font-size:1rem;text-indent:1.5em}.sambutan-message p:first-child,.sambutan-message p:last-of-type{font-size:1.1rem;padding:12px}}@media (max-width: 576px){.section-header h2{font-size:2rem}.section-header{margin-bottom:40px}.photo-container img{height:250px}.sambutan-text{padding:20px}.rektor-info{margin-bottom:30px;padding-bottom:20px}.rektor-info h3{font-size:1.4rem}.rektor-title{font-size:.95rem}.sambutan-message p{font-size:.95rem;text-indent:1em;margin-bottom:15px}.sambutan-message p:first-child,.sambutan-message p:last-of-type{font-size:1rem;padding:10px}.signature{padding:20px}.signature p:first-child{font-size:1.1rem}.signature p:last-child{font-size:1rem}}@media print{.sambutan-rektor{background:#fff;padding:20px 0}.photo-overlay{transform:translateY(0)!important;position:static;background:#f8f9fa;margin-top:10px}.sambutan-content{grid-template-columns:1fr;gap:20px}.signature:before{display:none}}@media (prefers-contrast: high){.sambutan-text{background:#fff;border:2px solid #000}.section-header h2,.rektor-info h3{color:#000!important;-webkit-text-fill-color:#000!important}}.sejarah-page{width:100%;min-height:100vh;padding:160px 0 60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6);font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn .8s ease-in-out}.sejarah-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:50px;box-shadow:0 25px 50px #0000001a;border:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:400px 1fr;gap:50px;align-items:start;position:relative;overflow:hidden;animation:slideUp .6s ease-out .2s both}.sejarah-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#6c757d,#495057)}.sejarah-image-container{position:sticky;top:140px;display:flex;flex-direction:column;align-items:center;gap:20px}.rektorat-image{width:100%;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px #00000026;transition:all .3s ease;border:4px solid #fff}.rektorat-image:hover{transform:scale(1.05) rotate(1deg);box-shadow:0 25px 50px #0003}.sejarah-description{display:flex;flex-direction:column}.sejarah-text{color:#495057;line-height:1.8;font-size:1.1rem}.sejarah-text h2{font-size:2rem;font-weight:700;color:#343a40;margin:40px 0 20px;padding-bottom:15px;border-bottom:3px solid #6c757d;position:relative;background:linear-gradient(135deg,#495057,#6c757d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sejarah-text h2:first-child{margin-top:0}.sejarah-text h2:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#6c757d,#495057);border-radius:2px}.sejarah-text p{margin-bottom:25px;text-align:justify;padding:20px;background:linear-gradient(135deg,#f8f9facc,#e9ecef99);border-radius:15px;border-left:4px solid #6c757d;position:relative;transition:all .3s ease}.sejarah-text p:hover{background:linear-gradient(135deg,#e9ecefe6,#f8f9fab3);transform:translate(5px);box-shadow:0 5px 15px #0000001a}.sejarah-text p:before{content:'"';position:absolute;top:-5px;left:10px;font-size:2rem;color:#6c757d;opacity:.3;font-family:Montserrat,serif}.sejarah-text h2:not(:first-child):before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#6c757d;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px #6c757d}@media (max-width: 1024px){.sejarah-card{grid-template-columns:1fr;gap:40px;padding:40px}.sejarah-image-container{position:static;order:1}.sejarah-description{order:2}.rektorat-image{height:250px}.sejarah-text h2{font-size:1.8rem}}@media (max-width: 768px){.sejarah-page{padding:100px 0 40px}.container{padding:0 15px}.sejarah-card{padding:30px;gap:30px}.rektorat-image{height:200px}.sejarah-text{font-size:1rem}.sejarah-text h2{font-size:1.6rem;margin:30px 0 15px}.sejarah-text p{padding:15px;margin-bottom:20px}.sejarah-text h2:not(:first-child):before{left:-20px;width:8px;height:8px}}@media (max-width: 576px){.sejarah-card{padding:25px;gap:25px}.rektorat-image{height:180px}.sejarah-text{font-size:.95rem}.sejarah-text h2{font-size:1.4rem;margin:25px 0 12px}.sejarah-text p{padding:12px;margin-bottom:15px}}@media print{.sejarah-page{background:#fff;padding:20px 0}.sejarah-card{background:#fff;border:1px solid #ddd;box-shadow:none;grid-template-columns:1fr}.sejarah-card:before{display:none}.rektorat-image{max-height:200px}.sejarah-text p:before{display:none}}@media (prefers-contrast: high){.sejarah-card{background:#fff;border:2px solid #000}.sejarah-text h2{color:#000!important;-webkit-text-fill-color:#000!important}.sejarah-text p{background:#f5f5f5;border-left-color:#000}}.sejarah-card{animation:cardSlideIn .8s ease-out forwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sejarah-text h2,.sejarah-text p{opacity:0;animation:contentFadeIn .6s ease-out forwards}.sejarah-text h2:nth-child(1){animation-delay:.3s}.sejarah-text p:nth-child(2){animation-delay:.4s}.sejarah-text h2:nth-child(3){animation-delay:.5s}.sejarah-text p:nth-child(4){animation-delay:.6s}.sejarah-text h2:nth-child(5){animation-delay:.7s}.sejarah-text p:nth-child(6){animation-delay:.8s}.sejarah-text h2:nth-child(7){animation-delay:.9s}.sejarah-text p:nth-child(8){animation-delay:1s}@keyframes contentFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.pendidikan-page{width:100%;min-height:100vh;padding:160px 0 50px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.pendidikan-header{text-align:center;margin-bottom:50px;padding:0 20px}.pendidikan-header h1{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.pendidikan-header p{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.pendidikan-content{max-width:1200px;margin:0 auto;padding:0 20px}.prodi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:50px}.prodi-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a;transition:all .3s ease;border-top:4px solid #ff9f43}.prodi-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026;border-top-color:coral}.prodi-card:nth-child(2){border-top-color:#e74c3c}.prodi-card:nth-child(2):hover{border-top-color:#c0392b}.prodi-card:nth-child(3){border-top-color:#8b4a47}.prodi-card:nth-child(3):hover{border-top-color:#b85450}.prodi-card:nth-child(4){border-top-color:#9b59b6}.prodi-card:nth-child(4):hover{border-top-color:#8e44ad}.prodi-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.prodi-card:hover .prodi-image{transform:scale(1.05)}.prodi-info{padding:30px}.prodi-badge{display:inline-block;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px;box-shadow:0 4px 8px #ff9f434d}.prodi-card:nth-child(2) .prodi-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 8px #e74c3c4d}.prodi-card:nth-child(3) .prodi-badge{background:linear-gradient(135deg,#b85450,#8b4a47);box-shadow:0 4px 8px #b854504d}.prodi-card:nth-child(4) .prodi-badge{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 8px #9b59b64d}.prodi-title{font-size:1.6rem;font-weight:700;color:#2c3e50;margin-bottom:15px;line-height:1.3}.prodi-description{color:#7f8c8d;font-size:1rem;line-height:1.6;margin-bottom:20px}.prodi-details{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.prodi-card:nth-child(2) .detail-icon{background:#e74c3c}.prodi-card:nth-child(3) .detail-icon{background:#8b4a47}.prodi-card:nth-child(4) .detail-icon{background:#9b59b6}.prodi-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff9f434d}.prodi-card:nth-child(2) .prodi-link{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.prodi-card:nth-child(3) .prodi-link{background:linear-gradient(135deg,#b85450,#8b4a47);box-shadow:0 4px 15px #b854504d}.prodi-card:nth-child(4) .prodi-link{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b64d}.prodi-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9f4366}.prodi-card:nth-child(2) .prodi-link:hover{box-shadow:0 6px 20px #e74c3c66}.prodi-card:nth-child(3) .prodi-link:hover{box-shadow:0 6px 20px #27ae6066}.prodi-card:nth-child(4) .prodi-link:hover{box-shadow:0 6px 20px #9b59b666}.fasilitas-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 15px 35px #0000001a;border-top:4px solid #f39c12}.fasilitas-section h2{font-size:2.5rem;color:#2c3e50;margin-bottom:40px;text-align:center;position:relative}.fasilitas-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:2px}.fasilitas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.fasilitas-item{background:#f8f9fa;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease;border:2px solid transparent}.fasilitas-item:hover{transform:translateY(-5px);border-color:#f39c12;box-shadow:0 10px 25px #f39c1233}.fasilitas-icon{width:60px;height:60px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff;font-size:1.5rem}.fasilitas-title{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:10px}.fasilitas-description{color:#7f8c8d;font-size:.95rem;line-height:1.5}.prestasi-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 35px #0000001a;border-top:4px solid #e74c3c}.prestasi-section h2{font-size:2.5rem;color:#2c3e50;margin-bottom:40px;text-align:center;position:relative}.prestasi-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:2px}.prestasi-list{display:flex;flex-direction:column;gap:20px}.prestasi-item{background:#f8f9fa;border-radius:12px;padding:25px;border-left:4px solid #e74c3c;transition:all .3s ease}.prestasi-item:hover{background:#fff5f5;transform:translate(5px);box-shadow:0 5px 15px #e74c3c33}.prestasi-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:8px}.prestasi-detail{color:#7f8c8d;font-size:1rem;line-height:1.5}.prestasi-year{display:inline-block;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;margin-top:10px}@media (max-width: 1024px){.prodi-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.fasilitas-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}}@media (max-width: 768px){.pendidikan-header h1{font-size:2.5rem}.prodi-grid{grid-template-columns:1fr;gap:20px}.prodi-info{padding:25px}.fasilitas-section,.prestasi-section{padding:30px}.fasilitas-section h2,.prestasi-section h2{font-size:2rem}.fasilitas-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 480px){.pendidikan-page{padding:100px 0 30px}.pendidikan-header h1{font-size:2rem}.pendidikan-header p{font-size:1rem}.prodi-info{padding:20px}.prodi-title{font-size:1.4rem}.fasilitas-section,.prestasi-section{padding:20px}.fasilitas-section h2,.prestasi-section h2{font-size:1.8rem}.fasilitas-grid{grid-template-columns:1fr}.fasilitas-item,.prestasi-item{padding:20px}}.contact{width:100%;min-height:100vh;padding:160px 0 40px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.contact .container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.section-subtitle{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}.contact-map{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.contact-map:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.map-container{border-radius:15px;overflow:hidden}.map-container iframe{width:100%;height:500px;border:none;border-radius:15px}.contact-info{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;height:fit-content}.contact-info:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.contact-item{display:flex;align-items:flex-start;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #ecf0f1}.contact-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.contact-icon{font-size:1.5rem;margin-right:15px;margin-top:5px;min-width:30px}.contact-item h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:8px}.contact-item p{font-size:.95rem;color:#7f8c8d;line-height:1.6;margin:0}@media (max-width: 768px){.contact{padding:100px 0 40px}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.1rem}.contact-content{grid-template-columns:1fr;gap:30px}.contact-map,.contact-info{padding:20px}.map-container iframe{height:300px}}@media (max-width: 480px){.contact{padding:80px 0 30px}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.contact-map,.contact-info{padding:15px}.contact-item{margin-bottom:20px;padding-bottom:15px}.contact-item h4{font-size:1rem}.contact-item p{font-size:.9rem}}.hero{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:160px 0 80px;min-height:90vh;display:flex;align-items:center;position:relative}.berita-section .container .section-header h2{color:#fff!important;background-color:transparent!important}.hero-content{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.hero-title{font-size:3.4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#1f2937}.hero-subtitle{font-size:1.15rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-image{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.image-slider{position:relative;width:100%;max-width:1400px;height:400px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0003;background-color:#f8f9fa;display:block}.tabere-frame{position:absolute;top:0;width:60px;height:100%;z-index:10;pointer-events:none}.tabere-frame-left{left:0}.tabere-frame-image{width:100%;height:100%;object-fit:cover;object-position:left center;opacity:.8}.tabere-frame-left .tabere-frame-image{mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 60%,rgba(0,0,0,0) 100%);-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 60%,rgba(0,0,0,0) 100%)}.slider-container{position:relative;width:100%;height:100%}.slider-track{display:flex;width:300%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.slide{width:33.333%;height:100%;position:relative}.slide img{width:100%;height:100%;object-fit:cover}.slide-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:30px}.slide-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.slide-description{font-size:1rem;opacity:1;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.slider-nav{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.nav-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.nav-dot.active{background:#fff;border:2px solid rgba(255,255,255,.8);transform:scale(1.2)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#333;transition:all .3s ease;z-index:10;box-shadow:0 2px 10px #0003}.slider-arrow:hover{background:#fff;box-shadow:0 4px 15px #0000004d;transform:translateY(-50%) scale(1.1)}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.beranda .section{padding:40px 0}.beranda .section-header{text-align:center;margin-bottom:30px}.beranda .section-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.beranda .section-subtitle{font-size:1.1rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.berita-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.berita-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.berita-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card-image{height:200px;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.berita-card:hover .card-image img{transform:scale(1.05)}.card-badge{position:absolute;top:15px;left:15px;z-index:2}.badge{padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 2px 8px #0003}.badge-penelitian{background:linear-gradient(135deg,#ff9f43,coral)}.badge-pengabdian{background:linear-gradient(135deg,#b85450,#8b4a47)}.badge-kemahasiswaan{background:linear-gradient(135deg,#e74c3c,#c0392b)}.badge-fakultas{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.card-content{padding:25px}.card-date{color:#e74c3c;font-size:.9rem;font-weight:600;margin-bottom:10px}.card-title{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:15px;line-height:1.4}.card-summary{color:#7f8c8d;line-height:1.6;margin-bottom:20px}.card-link{color:#ff9f43;text-decoration:none;font-weight:600;font-size:.95rem;transition:color .3s ease}.card-link:hover{color:coral}.pengumuman-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.pengumuman-item{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;overflow:hidden;position:relative}.pengumuman-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ff9f43,coral)}.pengumuman-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026;border-color:#ff9f43}.pengumuman-date{display:inline-block;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin:20px 20px 0;box-shadow:0 4px 12px #3498db4d}.pengumuman-title{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.feature-description{font-size:.9rem;color:#6b7280;line-height:1.6}.pengumuman-content{color:#7f8c8d;line-height:1.6;padding:0 20px 25px;font-size:1rem}.galeri-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.galeri-item{position:relative;height:250px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.galeri-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.galeri-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.galeri-item:hover img{transform:scale(1.1)}.galeri-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px;transform:translateY(100%);transition:transform .3s ease}.galeri-item:hover .galeri-overlay{transform:translateY(0)}.galeri-title{font-size:1.1rem;font-weight:600;margin-bottom:5px}.galeri-description{font-size:.9rem;opacity:.9}@media (max-width: 1200px){.berita-grid{grid-template-columns:repeat(2,1fr)}.pengumuman-grid{grid-template-columns:repeat(2,1fr);gap:25px}.galeri-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.hero{padding:140px 0 60px;min-height:80vh}.hero-content{flex-direction:column;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-buttons{justify-content:center}.image-slider{height:300px;border-radius:15px}.slider-arrow{width:40px;height:40px;font-size:1.2rem}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.slide-overlay{padding:20px}.slide-title{font-size:1.2rem}.slide-description{font-size:.9rem}.berita-grid,.galeri-grid{grid-template-columns:1fr}.pengumuman-grid{grid-template-columns:1fr;gap:20px}.beranda .section-title{font-size:2rem}.berita-section,.pengumuman-section,.galeri-section{padding:40px 0}.card-content{padding:20px}.pengumuman-date{padding:12px 20px;font-size:.85rem}.pengumuman-title{font-size:1.2rem;margin:15px 20px 12px}.pengumuman-content{padding:0 20px 20px;font-size:.95rem}}@media (max-width: 480px){.hero{padding:120px 0 40px;min-height:70vh}.hero-content{padding:0 15px}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:.9rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;align-items:center;gap:.75rem}.hero-buttons .btn{width:100%;max-width:250px;padding:12px 24px;font-size:.9rem}.image-slider{height:250px;border-radius:10px}.slider-arrow{width:35px;height:35px;font-size:1rem}.slider-arrow.prev{left:5px}.slider-arrow.next{right:5px}.slide-overlay{padding:15px}.slide-title{font-size:1rem;margin-bottom:5px}.slide-description{font-size:.8rem}.nav-dot{width:10px;height:10px}.beranda .section-title{font-size:1.8rem}.beranda .section-subtitle{font-size:1rem}.pengumuman-grid{gap:15px;margin-top:30px}.pengumuman-date{padding:10px 15px;font-size:.8rem}.pengumuman-title{font-size:1.1rem;margin:12px 15px 10px}.pengumuman-content{padding:0 15px 15px;font-size:.9rem;line-height:1.5}.berita-section,.pengumuman-section,.galeri-section{padding:30px 0}.container{padding:0 15px}}.galeri-section{padding:50px 0;background:#f8fafc}.galeri-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.galeri-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;cursor:pointer}.galeri-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.galeri-image{position:relative;width:100%;height:250px;overflow:hidden}.galeri-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.galeri-card:hover .galeri-image img{transform:scale(1.05)}.galeri-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:40px 20px 20px;transform:translateY(100%);transition:transform .3s ease}.galeri-card:hover .galeri-overlay{transform:translateY(0)}.galeri-info{color:#fff}.galeri-title{font-size:1.2rem;font-weight:600;margin-bottom:8px;line-height:1.3}.galeri-date{font-size:.9rem;opacity:.9;font-weight:400}.loading-state,.error-state,.no-data-state{text-align:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #ff9f43;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p{color:#ef4444;margin-bottom:20px;font-size:1.1rem}.retry-button{background:#ff9f43;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.retry-button:hover{background:#2563eb}.no-data-state p{color:#6b7280;font-size:1.1rem}.pengumuman-section{padding:50px 0;background:#f8fafc}.pengumuman-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:30px;max-width:100%;box-sizing:border-box}.pengumuman-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.pengumuman-card .card-header{background:maroon;color:#fff;padding:24px 24px 16px;border-bottom:none}.pengumuman-title{font-size:1.25rem;font-weight:600;margin:0 0 8px;line-height:1.4;color:#fff!important}.pengumuman-date{font-size:.875rem;opacity:.9;font-weight:400;color:#fff!important}.pengumuman-card .card-body{padding:24px;flex-grow:1;display:flex;flex-direction:column}.pengumuman-content{color:#374151;line-height:1.6;margin:0;font-size:.95rem;flex-grow:1}.pengumuman-card .card-footer{background:#f9fafb;padding:16px 24px;border-top:1px solid #e5e7eb;margin-top:auto}.pengumuman-id{font-size:.8rem;color:#6b7280;font-weight:500}.pengumuman-section .row{display:flex;flex-wrap:wrap;margin:0 -15px}.pengumuman-section .row>[class*=col-]{padding:0 15px;display:flex;margin-bottom:30px;flex:0 0 50%;max-width:50%}.pengumuman-section .row>[class*=col-] .pengumuman-card{width:100%;max-width:100%}@media (max-width: 768px){.pengumuman-section{padding:60px 0}.pengumuman-section .row>[class*=col-]{flex:0 0 100%;max-width:100%}.pengumuman-card{margin-bottom:20px}.pengumuman-card .card-header{padding:20px 20px 12px}.pengumuman-title{font-size:1.1rem}.pengumuman-date{font-size:.8rem}.pengumuman-card .card-body{padding:20px}.pengumuman-content{font-size:.9rem}.pengumuman-card .card-footer{padding:12px 20px}}@media (max-width: 480px){.pengumuman-card .card-header{padding:15px 15px 10px}.pengumuman-title{font-size:1rem}.pengumuman-card .card-body{padding:15px}.pengumuman-card .card-footer{padding:10px 15px}}@media (max-width: 1024px){.galeri-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.galeri-image{height:220px}}@media (max-width: 768px){.galeri-section{padding:60px 0}.galeri-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.galeri-image{height:200px}.galeri-title{font-size:1.1rem}.galeri-date{font-size:.85rem}}@media (max-width: 480px){.galeri-grid{grid-template-columns:1fr;gap:15px}.galeri-image{height:180px}.galeri-overlay{padding:30px 15px 15px}.galeri-title{font-size:1rem}.loading-state,.error-state,.no-data-state{padding:40px 15px}}.arti-lambang-page{width:100%;min-height:100vh;padding:160px 0 60px;margin-top:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.arti-lambang-header{text-align:center;margin-bottom:50px;padding:0 20px}.arti-lambang-header h1{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.arti-lambang-header p{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.arti-lambang-content{max-width:1400px;margin:0 auto;padding:0 20px}.arti-lambang-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a;transition:all .3s ease;border-left:4px solid #ff9f43;display:grid;grid-template-columns:1fr 1fr;min-height:600px}.arti-lambang-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026;border-left-color:coral}.logo-section{background:linear-gradient(135deg,maroon,#600);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.logo-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg);pointer-events:none}.logo-container{text-align:center;position:relative;z-index:2}.usn-logo{width:350px;height:350px;object-fit:contain;margin-bottom:30px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));transition:transform .3s ease}.usn-logo:hover{transform:scale(1.05)}.logo-container h3{color:#fff;font-size:1.8rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.4}.meaning-section{padding:40px;display:flex;flex-direction:column;justify-content:center}.meaning-container h3{font-size:2.2rem;color:#2c3e50;margin-bottom:30px;font-weight:700;text-align:center;position:relative}.meaning-container h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#ff9f43,coral);border-radius:2px}.meaning-list{display:flex;flex-direction:column;gap:20px}.meaning-item{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #ff9f43;transition:all .3s ease;position:relative}.meaning-item:hover{background:#fff4e6;transform:translate(5px);box-shadow:0 5px 15px #ff9f4333}.meaning-title{display:flex;align-items:center;gap:15px;margin-bottom:10px}.meaning-number{background:linear-gradient(135deg,#ff9f43,coral);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.meaning-title h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.meaning-text{color:#5a6c7d;font-size:1rem;line-height:1.6;margin:0;padding-left:45px}@media (max-width: 1024px){.arti-lambang-card{grid-template-columns:1fr;min-height:auto}.logo-section{padding:30px}.usn-logo{width:280px;height:280px}.logo-container h3{font-size:1.6rem}.meaning-section{padding:30px}.meaning-container h3{font-size:2rem}}@media (max-width: 768px){.arti-lambang-header h1{font-size:2.5rem}.arti-lambang-header p{font-size:1.1rem}.logo-section{padding:25px}.usn-logo{width:220px;height:220px}.logo-container h3{font-size:1.4rem}.meaning-section{padding:25px}.meaning-container h3{font-size:1.8rem}.meaning-title h4{font-size:1.2rem}.meaning-text{font-size:.95rem;padding-left:40px}}@media (max-width: 480px){.arti-lambang-header h1{font-size:2rem}.arti-lambang-header p{font-size:1rem}.logo-section{padding:20px}.usn-logo{width:180px;height:180px}.logo-container h3{font-size:1.2rem}.meaning-section{padding:20px}.meaning-container h3{font-size:1.6rem}.meaning-item{padding:15px}.meaning-title{gap:10px}.meaning-number{width:25px;height:25px;font-size:.8rem}.meaning-title h4{font-size:1.1rem}.meaning-text{font-size:.9rem;padding-left:35px}}.pimpinan-page{width:100%;min-height:100vh;padding:160px 0 50px;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6);font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn .8s ease-in-out}.pimpinan-header{text-align:center;margin-bottom:60px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:3.5rem;font-weight:800;color:#343a40;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#495057,#6c757d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.3rem;color:#6c757d;font-weight:500;max-width:600px;margin:0 auto;line-height:1.6}.pimpinan-content{display:flex;flex-direction:column;gap:40px;animation:slideUp .6s ease-out .2s both}.pimpinan-card{display:grid;grid-template-columns:300px 1fr;gap:40px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:40px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.pimpinan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#6c757d,#495057)}.pimpinan-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #00000026}.pimpinan-card:nth-child(2n){grid-template-columns:1fr 300px}.pimpinan-card:nth-child(2n) .pimpinan-foto{order:2}.pimpinan-card:nth-child(2n) .pimpinan-info{order:1}.pimpinan-foto{display:flex;justify-content:center;align-items:center;position:relative}.foto-pimpinan{width:250px;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 15px 30px #0003;transition:all .3s ease;border:4px solid #fff}.pimpinan-card:hover .foto-pimpinan{transform:scale(1.05);box-shadow:0 20px 40px #00000040}.pimpinan-info{display:flex;flex-direction:column;justify-content:center;gap:5px}.nama-pimpinan{font-size:2.2rem;font-weight:700;color:#343a40;margin-bottom:10px;background:linear-gradient(135deg,#495057,#6c757d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jabatan-pimpinan{font-size:1.4rem;color:#6c757d;font-weight:600;margin-bottom:20px;padding:10px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:25px;border-left:4px solid #6c757d;display:inline-block;width:fit-content}.detail-singkat{font-size:1rem;color:#6c757d;font-weight:500;margin:15px 0 20px;padding:10px 15px;background:#f8f9fa99;border-radius:8px;border-left:3px solid #6c757d}.deskripsi-pimpinan{font-size:1.1rem;color:#495057;line-height:1.7;text-align:justify;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;border-left:4px solid #6c757d;position:relative}.deskripsi-pimpinan:before{content:'"';position:absolute;top:-10px;left:15px;font-size:3rem;color:#6c757d;opacity:.3;font-family:Montserrat,serif}@media (max-width: 1024px){.pimpinan-card,.pimpinan-card:nth-child(2n){grid-template-columns:1fr;gap:30px;text-align:center}.pimpinan-foto,.pimpinan-card:nth-child(2n) .pimpinan-foto{order:1}.pimpinan-info,.pimpinan-card:nth-child(2n) .pimpinan-info{order:2}.foto-pimpinan{width:200px;height:240px}.nama-pimpinan{font-size:1.8rem}.jabatan-pimpinan{font-size:1.2rem;margin:0 auto 20px}}@media (max-width: 768px){.pimpinan-page{padding:100px 0 40px}.page-title{font-size:2.5rem}.page-subtitle{font-size:1.1rem}.container{padding:0 15px}.pimpinan-content{gap:30px}.pimpinan-card{padding:30px}.foto-pimpinan{width:180px;height:220px}.nama-pimpinan{font-size:1.6rem}.jabatan-pimpinan{font-size:1.1rem}.deskripsi-pimpinan{font-size:1rem;padding:15px}}@media (max-width: 576px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.pimpinan-header{margin-bottom:40px}.pimpinan-card{padding:25px}.foto-pimpinan{width:150px;height:180px}.nama-pimpinan{font-size:1.4rem}.jabatan-pimpinan{font-size:1rem;padding:8px 15px}.detail-singkat{font-size:.9rem;padding:8px 12px;margin:12px 0 15px}.deskripsi-pimpinan{font-size:.95rem;padding:12px}}@media print{.pimpinan-page{background:#fff;padding:20px 0}.pimpinan-card{background:#fff;border:1px solid #ddd;break-inside:avoid;margin-bottom:20px}.pimpinan-card:before{display:none}}@media (prefers-contrast: high){.pimpinan-card{background:#fff;border:2px solid #000}.page-title,.nama-pimpinan{color:#000!important;-webkit-text-fill-color:#000!important}}.pimpinan-card{animation:cardSlideIn .6s ease-out forwards}.pimpinan-card:nth-child(1){animation-delay:.1s}.pimpinan-card:nth-child(2){animation-delay:.2s}.pimpinan-card:nth-child(3){animation-delay:.3s}.pimpinan-card:nth-child(4){animation-delay:.4s}.pimpinan-card:nth-child(5){animation-delay:.5s}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.fakultas-page{width:100%;min-height:100vh;padding:70px 0 40px;background:linear-gradient(135deg,#f4e6e7,#e8d5d6)}.fakultas-header{text-align:center;margin-bottom:60px;padding:0 20px}.fakultas-header .page-title{font-size:3.4rem;font-weight:700;color:#495057;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:-1px}.fakultas-header .page-subtitle{font-size:1.3rem;color:#6c757d;max-width:700px;margin:0 auto;line-height:1.6}.fakultas-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.fakultas-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fakultas-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0003}.fakultas-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:25px;color:#fff;text-align:center}.fakultas-nama{font-size:1.5rem;font-weight:700;margin:0 0 10px;line-height:1.3}.fakultas-singkatan{font-size:1rem;font-weight:500;opacity:.9;background:#fff3;padding:5px 15px;border-radius:20px;display:inline-block}.fakultas-body{padding:30px}.fakultas-deskripsi{font-size:1rem;line-height:1.7;color:#555;margin-bottom:25px;text-align:justify}.program-studi-section{margin-bottom:20px}.program-studi-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #667eea}.program-studi-list{list-style:none;padding:0;margin:0}.program-studi-item{background:#f8f9fa;margin-bottom:12px;padding:15px;border-radius:10px;border-left:4px solid #667eea;transition:all .3s ease}.program-studi-item:hover{background:#e9ecef;transform:translate(5px)}.prodi-nama{font-weight:600;color:#333;margin-bottom:5px;font-size:1rem}.prodi-akreditasi{font-size:.85rem;color:#666;line-height:1.4}.prodi-akreditasi div:first-child{font-weight:500;color:#8b4a47}.fakultas-footer{padding:20px 30px;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:center}.fakultas-link{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;padding:12px 25px;border-radius:25px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.fakultas-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66;text-decoration:none;color:#fff}@media (max-width: 768px){.fakultas-page{padding:100px 0 30px}.fakultas-header .page-title{font-size:2.5rem}.fakultas-header .page-subtitle{font-size:1.1rem}.fakultas-content{grid-template-columns:1fr;gap:20px;padding:0 15px}.fakultas-card-header{padding:20px}.fakultas-nama{font-size:1.3rem}.fakultas-body{padding:20px}.fakultas-deskripsi{font-size:.95rem}}@media (max-width: 480px){.fakultas-header .page-title{font-size:2rem}.fakultas-content{grid-template-columns:1fr;padding:0 10px}.fakultas-card-header,.fakultas-body{padding:15px}.program-studi-item{padding:12px}.fakultas-footer{padding:15px 20px}}.fakultas-card{animation:fadeInUp .6s ease forwards}.fakultas-card:nth-child(1){animation-delay:.1s}.fakultas-card:nth-child(2){animation-delay:.2s}.fakultas-card:nth-child(3){animation-delay:.3s}.fakultas-card:nth-child(4){animation-delay:.4s}.fakultas-card:nth-child(5){animation-delay:.5s}.fakultas-card:nth-child(6){animation-delay:.6s}.fakultas-fkip .fakultas-card-header{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.fakultas-fppp .fakultas-card-header{background:linear-gradient(135deg,#16a085,#138d75);color:#fff}.fakultas-fst .fakultas-card-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.fakultas-fisie .fakultas-card-header{background:linear-gradient(135deg,#8b4513,sienna);color:#fff}.fakultas-fh .fakultas-card-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.fakultas-fti .fakultas-card-header{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff}.kalender-akademik-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem 1rem;font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif}.kalender-akademik-header{text-align:center;margin-top:3rem;margin-bottom:3rem;color:#495057;text-shadow:0 1px 2px rgba(0,0,0,.1);padding-top:7rem}.kalender-akademik-header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:#343a40}.kalender-akademik-header p{font-size:1.3rem;font-weight:300;color:#6c757d;opacity:.9}.kalender-akademik-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.table-container{background:#fffffff2;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto}.kalender-table{width:100%;border-collapse:collapse;font-size:.95rem}.kalender-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.kalender-table th{padding:1rem;text-align:left;font-weight:600;border:none;position:sticky;top:0;z-index:10}.kalender-table th:first-child{border-top-left-radius:10px;text-align:center;width:60px}.kalender-table th:last-child{border-top-right-radius:10px}.kalender-table tbody tr{transition:all .3s ease;border-bottom:1px solid #e9ecef}.kalender-table tbody tr:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kalender-table tbody tr:last-child{border-bottom:none}.kalender-table td{padding:1rem;border:none;vertical-align:middle}.no-column{text-align:center;font-weight:600;color:#667eea;width:60px}.kegiatan-column{font-weight:500;color:#2c3e50;min-width:250px}.ganjil-column,.genap-column{color:#495057;font-weight:400;min-width:150px}.kalender-info-card{background:#fffffff2;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-header{margin-bottom:1.5rem;border-bottom:2px solid #667eea;padding-bottom:1rem}.info-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.info-content ul{list-style:none;padding:0;margin:0}.info-content li{color:#495057;font-size:1rem;line-height:1.6;position:relative;padding:.75rem 0 .75rem 2rem}.info-content li:before{content:"✓";position:absolute;left:0;color:#8b4a47;font-weight:700;font-size:1.2rem}.info-content li:not(:last-child){border-bottom:1px solid #e9ecef}@media (max-width: 768px){.kalender-akademik-page{padding:1rem .5rem}.kalender-akademik-header h1{font-size:2rem}.kalender-akademik-header p{font-size:1.1rem}.table-container{padding:1rem;margin:0 .5rem}.kalender-table{font-size:.85rem}.kalender-table th,.kalender-table td{padding:.75rem .5rem}.kegiatan-column{min-width:200px}.ganjil-column,.genap-column{min-width:120px}.kalender-info-card{margin:0 .5rem;padding:1.5rem}.info-header h3{font-size:1.3rem}.info-content li{font-size:.9rem;padding:.5rem 0 .5rem 1.5rem}}@media (max-width: 480px){.kalender-akademik-header h1{font-size:1.8rem}.kalender-akademik-header p{font-size:1rem}.table-container{padding:.75rem}.kalender-table{font-size:.8rem}.kalender-table th,.kalender-table td{padding:.5rem .25rem}.kegiatan-column{min-width:180px}.ganjil-column,.genap-column{min-width:100px}}.kalender-akademik-page>*{animation:fadeInUp .6s ease-out}.kalender-akademik-header{animation-delay:.1s}.table-container{animation-delay:.2s}.kalender-info-card{animation-delay:.3s}.biaya-pendidikan-page{width:100%;min-height:100vh;padding:160px 0 40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6);font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.biaya-pendidikan-header{text-align:center;margin-top:2rem;margin-bottom:50px;padding:0 20px;color:#495057}.biaya-pendidikan-header h1{font-size:3.5rem;font-weight:800;color:#343a40;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#495057,#6c757d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.biaya-pendidikan-header p{font-size:1.3rem;color:#6c757d;max-width:700px;margin:0 auto;line-height:1.6;font-weight:400}.biaya-pendidikan-description{max-width:1200px;margin:0 auto 50px;padding:0 20px}.description-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:slideUp .6s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.description-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.description-card h2{font-size:2.2rem;color:#343a40;margin-bottom:20px;font-weight:700;text-align:center;position:relative}.description-card h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(135deg,#6c757d,#495057);border-radius:2px}.description-card p{font-size:1.1rem;color:#6c757d;line-height:1.8;margin-bottom:20px;text-align:justify}.info-points{margin-top:30px;padding:25px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;border-left:4px solid #6c757d}.info-points h3{font-size:1.4rem;color:#343a40;margin-bottom:15px;font-weight:600}.info-points ul{list-style:none;padding:0}.info-points li{position:relative;padding-left:30px;margin-bottom:12px;color:#495057;font-size:1rem;line-height:1.6}.info-points li:before{content:"✓";position:absolute;left:0;top:0;color:#8b4a47;font-weight:700;font-size:1.2rem}.biaya-table-section{max-width:1400px;margin:0 auto;padding:0 20px;animation:slideUp .6s ease-out .4s both}.biaya-table-section h2{font-size:2.5rem;color:#343a40;text-align:center;margin-bottom:40px;font-weight:700;position:relative}.biaya-table-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(135deg,#6c757d,#495057);border-radius:2px}.table-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow-x:auto}.biaya-table{width:100%;border-collapse:collapse;font-size:.95rem}.biaya-table thead{background:linear-gradient(135deg,#495057,#6c757d);color:#fff}.biaya-table th{padding:18px 12px;text-align:center;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.biaya-table th:last-child{border-right:none}.biaya-table tbody tr{transition:all .3s ease;border-bottom:1px solid #e9ecef}.biaya-table tbody tr:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:scale(1.01);box-shadow:0 5px 15px #0000001a}.biaya-table tbody tr:nth-child(2n){background:#f8f9fa80}.biaya-table tbody tr:nth-child(2n):hover{background:linear-gradient(135deg,#f1f3f4,#e9ecef)}.biaya-table td{padding:16px 12px;text-align:center;color:#495057;border-right:1px solid #e9ecef;font-weight:500}.biaya-table td:last-child{border-right:none}.biaya-table td:first-child{font-weight:600;color:#343a40;background:#6c757d0d}.prodi-name{text-align:left!important;font-weight:600!important;color:#343a40!important;background:#6c757d0d!important;position:relative}.prodi-name:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#6c757d,#495057)}.biaya-table td:nth-child(3),.biaya-table td:nth-child(4){background:#28a7451a;color:#155724;font-weight:600}.biaya-table td:nth-child(5),.biaya-table td:nth-child(6),.biaya-table td:nth-child(7){background:#ffc1071a;color:#856404;font-weight:600}.biaya-table td:nth-child(8),.biaya-table td:nth-child(9),.biaya-table td:nth-child(10){background:#dc35451a;color:#721c24;font-weight:600}@media (max-width: 1200px){.biaya-pendidikan-header h1{font-size:3rem}.description-card{padding:30px}.biaya-table{font-size:.9rem}.biaya-table th,.biaya-table td{padding:14px 10px}}@media (max-width: 992px){.biaya-pendidikan-header h1{font-size:2.5rem}.biaya-pendidikan-header p{font-size:1.1rem}.description-card h2{font-size:2rem}.biaya-table-section h2{font-size:2.2rem}.biaya-table{font-size:.85rem}.biaya-table th,.biaya-table td{padding:12px 8px}}@media (max-width: 768px){.biaya-pendidikan-page{padding:100px 0 30px}.biaya-pendidikan-header h1{font-size:2.2rem}.biaya-pendidikan-header p{font-size:1rem}.description-card{padding:25px;margin:0 10px 40px}.description-card h2{font-size:1.8rem}.biaya-table-section{padding:0 10px}.biaya-table-section h2{font-size:2rem}.table-container{border-radius:15px}.biaya-table{font-size:.8rem}.biaya-table th,.biaya-table td{padding:10px 6px}.biaya-table th{font-size:.75rem}}@media (max-width: 576px){.biaya-pendidikan-header h1{font-size:1.8rem}.description-card{padding:20px;margin:0 5px 30px}.description-card h2{font-size:1.6rem}.description-card p{font-size:1rem}.info-points{padding:20px}.biaya-table-section{padding:0 5px}.biaya-table-section h2{font-size:1.8rem}.table-container{border-radius:12px}.biaya-table{font-size:.75rem}.biaya-table th,.biaya-table td{padding:8px 4px}.biaya-table th{font-size:.7rem}}@media (prefers-reduced-motion: no-preference){.biaya-pendidikan-page *{animation-duration:.6s;animation-fill-mode:both}}.lembaga-page{width:100%;min-height:100vh;padding:160px 0 60px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.lembaga-header{text-align:center;margin-bottom:50px;padding:0 20px}.lembaga-header h1{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.lembaga-header p{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.lembaga-content{max-width:1200px;margin:0 auto;padding:0 20px}.lembaga-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:50px}.lembaga-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a;transition:all .3s ease;border-top:4px solid #ff9f43}.lembaga-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026;border-top-color:coral}.lembaga-card:nth-child(2){border-top-color:#e74c3c}.lembaga-card:nth-child(2):hover{border-top-color:#c0392b}.lembaga-card:nth-child(3){border-top-color:#8b4a47}.lembaga-card:nth-child(3):hover{border-top-color:#b85450}.lembaga-card:nth-child(4){border-top-color:#9b59b6}.lembaga-card:nth-child(4):hover{border-top-color:#8e44ad}.lembaga-card:nth-child(5){border-top-color:#f39c12}.lembaga-card:nth-child(5):hover{border-top-color:#e67e22}.lembaga-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.lembaga-card:hover .lembaga-image{transform:scale(1.05)}.lembaga-info{padding:30px}.lembaga-badge{display:inline-block;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px;box-shadow:0 4px 8px #ff9f434d}.lembaga-card:nth-child(2) .lembaga-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 8px #e74c3c4d}.lembaga-card:nth-child(3) .lembaga-badge{background:linear-gradient(135deg,#b85450,#8b4a47);box-shadow:0 4px 8px #b854504d}.lembaga-card:nth-child(4) .lembaga-badge{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 8px #9b59b64d}.lembaga-card:nth-child(5) .lembaga-badge{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 8px #f39c124d}.lembaga-title{font-size:1.6rem;font-weight:700;color:#2c3e50;margin-bottom:15px;line-height:1.3}.lembaga-description{color:#7f8c8d;font-size:1rem;line-height:1.6;margin-bottom:20px}.lembaga-details{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.detail-item{display:flex;align-items:center;gap:10px;color:#5a6c7d;font-size:.95rem}.lembaga-card:nth-child(2) .detail-icon{background:#e74c3c}.lembaga-card:nth-child(3) .detail-icon{background:#8b4a47}.lembaga-card:nth-child(4) .detail-icon{background:#9b59b6}.lembaga-card:nth-child(5) .detail-icon{background:#f39c12}.lembaga-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff9f434d}.lembaga-card:nth-child(2) .lembaga-link{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.lembaga-card:nth-child(3) .lembaga-link{background:linear-gradient(135deg,#b85450,#8b4a47);box-shadow:0 4px 15px #b854504d}.lembaga-card:nth-child(4) .lembaga-link{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b64d}.lembaga-card:nth-child(5) .lembaga-link{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 15px #f39f434d}.lembaga-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9f4366}.lembaga-card:nth-child(2) .lembaga-link:hover{box-shadow:0 6px 20px #e74c3c66}.lembaga-card:nth-child(3) .lembaga-link:hover{box-shadow:0 6px 20px #27ae6066}.lembaga-card:nth-child(4) .lembaga-link:hover{box-shadow:0 6px 20px #9b59b666}.lembaga-card:nth-child(5) .lembaga-link:hover{box-shadow:0 6px 20px #f39f4366}.struktur-section{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 15px 35px #0000001a;border-top:4px solid #34495e}.struktur-section h2{font-size:2.5rem;color:#2c3e50;margin-bottom:40px;text-align:center;position:relative}.struktur-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#34495e,#2c3e50);border-radius:2px}.struktur-chart{display:flex;flex-direction:column;align-items:center;gap:30px}.struktur-level{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.struktur-item{background:#f8f9fa;border-radius:15px;padding:20px;text-align:center;min-width:200px;transition:all .3s ease;border:2px solid transparent;position:relative}.struktur-item:hover{transform:translateY(-5px);border-color:#34495e;box-shadow:0 10px 25px #34495e33}.struktur-item.rektor{background:linear-gradient(135deg,#ff9f43,coral);color:#fff}.struktur-item.wakil-rektor{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.struktur-item.dekan{background:linear-gradient(135deg,#b85450,#8b4a47);color:#fff}.struktur-item.kepala{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.struktur-title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.struktur-name{font-size:1rem;font-weight:500;opacity:.9}.kontak-lembaga-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 35px #0000001a;border-top:4px solid #800000}.kontak-lembaga-section h2{font-size:2.5rem;color:#2c3e50;margin-bottom:40px;text-align:center;position:relative}.kontak-lembaga-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,maroon,#600);border-radius:2px}.kontak-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.kontak-item{background:#f8f9fa;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease;border:2px solid transparent}.kontak-item:hover{transform:translateY(-5px);border-color:maroon;box-shadow:0 10px 25px #80000033}.kontak-icon{width:50px;height:50px;background:linear-gradient(135deg,maroon,#600);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff;font-size:1.2rem}.kontak-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:8px}.kontak-detail{color:#7f8c8d;font-size:.95rem;line-height:1.4}@media (max-width: 1024px){.lembaga-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.struktur-level{gap:15px}.struktur-item{min-width:180px}}@media (max-width: 768px){.lembaga-header h1{font-size:2.5rem}.lembaga-grid{grid-template-columns:1fr;gap:20px}.lembaga-info{padding:25px}.struktur-section,.kontak-lembaga-section{padding:30px}.struktur-section h2,.kontak-lembaga-section h2{font-size:2rem}.struktur-level{flex-direction:column;align-items:center}.struktur-item{min-width:250px}.kontak-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 480px){.lembaga-page{padding:100px 0 30px}.lembaga-header h1{font-size:2rem}.lembaga-header p{font-size:1rem}.lembaga-info{padding:20px}.lembaga-title{font-size:1.4rem}.struktur-section,.kontak-lembaga-section{padding:20px}.struktur-section h2,.kontak-lembaga-section h2{font-size:1.8rem}.struktur-item{min-width:200px;padding:15px}.kontak-grid{grid-template-columns:1fr}.kontak-item{padding:20px}}.lppm-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:70px 0 40px}.lppm-header{text-align:center;color:#fff;margin-bottom:60px;padding:60px 20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.lppm-header h1{font-size:3rem;font-weight:700;margin-bottom:20px;color:#1565c0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.lppm-header p{font-size:1.3rem;color:#1976d2;opacity:.9;max-width:600px;margin:0 auto}.lppm-about{margin-bottom:50px}.about-card{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px}.about-card h2{color:#667eea;font-size:2.2rem;margin-bottom:20px;font-weight:600}.about-card p{font-size:1.1rem;line-height:1.8;color:#555}.lppm-vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}.vision-card,.mission-card{background:#fff;padding:35px;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.vision-card:hover,.mission-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.vision-card h3,.mission-card h3{color:#667eea;font-size:1.8rem;margin-bottom:20px;font-weight:600}.vision-card p,.mission-card ul{font-size:1.1rem;line-height:1.7;color:#555}.mission-card ul{list-style:none;padding:0}.mission-card li{position:relative;padding:8px 0 8px 25px}.mission-card li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.penelitian-section,.pengabdian-section{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px}.penelitian-section h2,.pengabdian-section h2{color:#667eea;font-size:2.2rem;margin-bottom:30px;font-weight:600;text-align:center}.table-container{overflow-x:auto;border-radius:10px;box-shadow:0 5px 15px #0000001a}.penelitian-table,.pengabdian-table{width:100%;border-collapse:collapse;background:#fff}.penelitian-table th,.pengabdian-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;text-align:left;font-weight:600;font-size:1rem}.penelitian-table td,.pengabdian-table td{padding:15px;border-bottom:1px solid #eee;font-size:.95rem}.penelitian-table tr:hover,.pengabdian-table tr:hover{background-color:#f8f9ff}.status{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status.completed{background:#d4edda;color:#155724}.status.ongoing{background:#fff3cd;color:#856404}@media (max-width: 1024px){.lppm-header h1{font-size:2.5rem}.lppm-vision-mission{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.lppm-page{padding:60px 0 20px}.lppm-header{padding:40px 15px;margin-bottom:40px}.lppm-header h1{font-size:2rem}.lppm-header p{font-size:1.1rem}.about-card,.vision-card,.mission-card,.penelitian-section,.pengabdian-section{padding:25px;margin-bottom:25px}.penelitian-table th,.pengabdian-table th,.penelitian-table td,.pengabdian-table td{padding:10px 8px;font-size:.9rem}}@media (max-width: 480px){.lppm-header h1,.about-card h2,.penelitian-section h2,.pengabdian-section h2{font-size:1.8rem}.vision-card h3,.mission-card h3{font-size:1.5rem}.penelitian-table th,.pengabdian-table th,.penelitian-table td,.pengabdian-table td{padding:8px 6px;font-size:.85rem}}.lpmp-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:160px 0 40px}.lpmp-header{text-align:center;color:#8b1538;margin-bottom:60px;padding:60px 20px;background:linear-gradient(135deg,#f4e6e7,#d4a5a5);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.lpmp-header h1{font-size:3rem;font-weight:700;margin-bottom:20px;color:#8b1538;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.lpmp-header p{font-size:1.3rem;color:#a0284a;opacity:.9;max-width:600px;margin:0 auto}.lpmp-about{margin-bottom:50px}.lpmp-about .card{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px}.lpmp-about h2{color:#667eea;font-size:2.2rem;margin-bottom:20px;font-weight:600}.lpmp-about p{color:#666;line-height:1.8;font-size:1.1rem}.visi-misi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:50px}.visi-card,.misi-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.visi-card:hover,.misi-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.visi-card .card-header h3,.misi-card .card-header h3{color:#667eea;font-size:1.8rem;margin-bottom:20px;font-weight:600}.misi-card ul{list-style:none;padding:0}.misi-card li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid #f0f0f0}.misi-card li:last-child{border-bottom:none}.misi-card li:before{content:"✓";position:absolute;left:0;top:10px;color:#667eea;font-weight:700;font-size:1.2rem}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:2.5rem;color:#333;margin-bottom:15px;font-weight:700}.section-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.fungsi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:50px}.fungsi-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;border-top:4px solid #667eea}.fungsi-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.fungsi-card:nth-child(2n){border-top-color:#764ba2}.fungsi-card:nth-child(3n){border-top-color:#f093fb}.fungsi-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.fungsi-icon i{font-size:1.5rem;color:#fff}.fungsi-content h4{font-size:1.3rem;color:#333;margin-bottom:15px;font-weight:600}.fungsi-content p{color:#666;line-height:1.6}.program-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.program-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;display:flex;align-items:flex-start;gap:20px}.program-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026}.program-number{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.program-content h4{font-size:1.2rem;color:#333;margin-bottom:10px;font-weight:600}.program-content p{color:#666;line-height:1.6;font-size:.95rem}@media (max-width: 1024px){.lpmp-header h1{font-size:2.4rem}.visi-misi-grid{grid-template-columns:1fr;gap:25px}.fungsi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.program-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}}@media (max-width: 768px){.lpmp-header{padding:60px 20px 40px}.lpmp-header h1{font-size:2rem}.lpmp-header p{font-size:1rem}.visi-card,.misi-card{padding:25px}.section-header h2{font-size:2rem}.fungsi-card{padding:25px}.fungsi-grid,.program-grid{grid-template-columns:1fr}.program-card{padding:20px;flex-direction:column;text-align:center}.program-number{margin:0 auto 15px}}@media (max-width: 480px){.lpmp-header{padding:50px 15px 30px}.lpmp-header h1{font-size:1.8rem}.container{padding:0 15px}.visi-card,.misi-card{padding:20px}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.fungsi-card{padding:20px}.fungsi-icon{width:50px;height:50px}.fungsi-icon i{font-size:1.3rem}.program-card{padding:18px}.program-number{width:45px;height:45px;font-size:1.1rem}}.berita-page{width:100%;min-height:100vh;padding:200px 0 60px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.berita-content{display:grid;grid-template-columns:3fr 1fr;gap:20px;align-items:start}.berita-main{background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 30px #0000001a}.berita-detail-page{min-height:100vh;padding:160px 0 60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6);font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif;position:relative}.berita-detail-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(56,178,172,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(129,140,248,.08) 0%,transparent 50%);pointer-events:none}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}.loading-container p{font-size:1.1rem;color:#6c757d;margin:0}.error-container{display:flex;justify-content:center;align-items:center;min-height:400px}.error-message{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;max-width:500px;width:100%}.error-message h3{color:#dc3545;margin-bottom:15px;font-size:1.3rem}.error-message p{color:#6c757d;margin-bottom:10px;line-height:1.6}.error-detail{font-size:.9rem;color:#868e96;font-style:italic}.retry-button{background:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;margin:20px 10px 10px;transition:all .3s ease}.retry-button:hover{background:#357abd;transform:translateY(-2px)}.back-link{display:inline-block;color:#6c757d;text-decoration:none;margin:10px;padding:8px 16px;border:1px solid #dee2e6;border-radius:6px;transition:all .3s ease}.back-link:hover{color:#4a90e2;border-color:#4a90e2;text-decoration:none}.berita-not-found{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;max-width:500px;margin:0 auto}.berita-not-found h2{color:#495057;margin-bottom:15px}.berita-not-found p{color:#6c757d;margin-bottom:25px;line-height:1.6}.breadcrumb{display:flex;align-items:center;margin-bottom:20px;font-size:.9rem;color:#6c757d}.breadcrumb a{color:#4a90e2;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#357abd;text-decoration:underline}.breadcrumb .separator{margin:0 10px;color:#adb5bd}.breadcrumb .current{color:#495057;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button{display:inline-flex;align-items:center;padding:10px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,144,226,.2);border-radius:25px;color:#4a90e2;text-decoration:none;font-weight:500;margin-bottom:30px;transition:all .3s ease;box-shadow:0 4px 15px #4a90e21a}.back-button:hover{background:#4a90e21a;transform:translateY(-2px);box-shadow:0 6px 20px #4a90e233}.berita-article{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);animation:fadeInUp .8s ease-out}.article-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(74,144,226,.1)}.article-meta{display:flex;align-items:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.kategori{background:linear-gradient(135deg,#4a90e2,#38b2ac);color:#fff;padding:6px 15px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tanggal,.dibaca{color:#6c757d;font-size:.9rem;display:flex;align-items:center;gap:5px}.tanggal:before{content:"📅"}.dibaca:before{content:"👁️"}.article-title{font-size:2.5rem;font-weight:800;color:#2c3e50;line-height:1.2;margin-bottom:15px;background:linear-gradient(135deg,#2c3e50,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-author{color:#6c757d;font-style:italic;font-size:.95rem}.article-image{margin-bottom:30px;border-radius:15px;overflow:hidden;box-shadow:0 15px 30px #0000001a;position:relative}.article-image img{width:100%;height:400px;object-fit:cover;transition:transform .3s ease}.article-content{line-height:1.8;color:#495057}.article-summary{background:linear-gradient(135deg,#4a90e21a,#38b2ac1a);padding:25px;border-radius:15px;margin-bottom:30px;border-left:4px solid #4a90e2;position:relative}.article-summary:before{content:"💡";position:absolute;top:15px;right:20px;font-size:1.5rem}.article-summary p{margin:0;font-size:1.1rem;color:#2c3e50}.article-body{font-size:1.05rem;margin-bottom:40px}.article-body p{margin-bottom:20px;text-align:justify}.article-body p:first-child:first-letter{font-size:3.5rem;font-weight:700;float:left;line-height:1;margin:0 8px 0 0;color:#4a90e2;font-family:Montserrat,serif}.article-tags{margin-bottom:30px;padding:20px;background:#f8f9facc;border-radius:15px;border:1px solid rgba(74,144,226,.1)}.article-tags h4{margin:0 0 15px;color:#495057;font-size:1.1rem}.tags-list{display:flex;flex-wrap:wrap;gap:10px}.tag{background:linear-gradient(135deg,#e9ecef,#f8f9fa);color:#495057;padding:8px 15px;border-radius:20px;font-size:.9rem;border:1px solid rgba(74,144,226,.2);transition:all .3s ease;cursor:pointer}.tag:hover{background:linear-gradient(135deg,#4a90e2,#38b2ac);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #4a90e24d}.article-share{padding:25px;background:#f8f9facc;border-radius:15px;border:1px solid rgba(74,144,226,.1);margin-bottom:30px}.article-share h4{margin:0 0 15px;color:#495057;font-size:1.1rem}.share-buttons{display:flex;gap:15px;flex-wrap:wrap}.share-btn{padding:10px 20px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.twitter{background:coral;color:#fff}.share-btn.whatsapp{background:#ff9f43;color:#fff}.share-btn.copy{background:#6c757d;color:#fff}.share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.related-articles{margin-top:60px}.related-articles h3{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:30px;text-align:center;position:relative}.related-articles h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#4a90e2,#38b2ac);border-radius:2px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.related-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 10px 25px #0000001a;border:1px solid rgba(255,255,255,.2)}.related-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.related-card img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.related-card:hover img{transform:scale(1.1)}.related-content{padding:20px}.related-kategori{background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase}.related-content h4{margin:15px 0 10px;font-size:1.1rem;font-weight:600;color:#2c3e50;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-tanggal{color:#6c757d;font-size:.9rem}.berita-not-found{text-align:center;padding:60px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 40px #0000001a}.berita-not-found h2{font-size:2.5rem;color:#e74c3c;margin-bottom:20px}.berita-not-found p{font-size:1.1rem;color:#6c757d;margin-bottom:30px}.back-link{display:inline-flex;align-items:center;padding:12px 25px;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease}.back-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9f434d}@media (max-width: 768px){.berita-detail-page{padding:120px 0 40px}.container{padding:0 15px}.berita-article{padding:25px}.article-title{font-size:2rem}.article-meta{flex-direction:column;align-items:flex-start;gap:10px}.article-image img{height:250px}.share-buttons{justify-content:center}.related-grid{grid-template-columns:1fr}.breadcrumb .current{max-width:200px}}@media (max-width: 480px){.article-title{font-size:1.8rem}.article-body p:first-child:first-letter{font-size:2.5rem}.share-buttons{flex-direction:column}.share-btn{justify-content:center}}@media print{.berita-detail-page{background:#fff;padding:20px 0}.breadcrumb,.back-button,.article-share,.related-articles{display:none}.berita-article{box-shadow:none;border:1px solid #ddd}.article-image img{max-height:300px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading{animation:pulse 1.5s ease-in-out infinite}.pengumuman-page{width:100%;min-height:100vh;padding:200px 0 60px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.pengumuman-page .page-header{text-align:center;margin-bottom:30px}.pengumuman-page .page-header h2{font-size:2rem;font-weight:700;color:#2c3e50}.pengumuman-page .pengumuman-list{display:grid;grid-template-columns:1fr;gap:20px}.pengumuman-page .pengumuman-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;border-top:4px solid #ff9f43}.pengumuman-page .pengumuman-content-card{padding:20px}.pengumuman-page .pengumuman-title{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.pengumuman-page .pengumuman-text{color:#4b5563;line-height:1.6}.pengumuman-page .load-more-container{display:flex;justify-content:center;margin-top:20px}.pengumuman-page .load-more-button{padding:12px 18px;border:2px solid #ff9f43;background:#fff;color:#ff9f43;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.pengumuman-page .load-more-button:hover{background:#ff9f43;color:#fff;box-shadow:0 5px 15px #ff9f434d}.pengumuman-page .loading-state{display:flex;flex-direction:column;align-items:center;gap:10px}.pengumuman-page .loading-spinner{width:28px;height:28px;border:3px solid #f3f4f6;border-top-color:#ff9f43;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.pengumuman-page{padding:120px 0 40px}.pengumuman-page .pengumuman-content-card{padding:16px}}.berita-main h2{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:30px;text-align:center;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.berita-sidebar{display:flex;flex-direction:column;gap:25px}.riwayat-list{display:flex;flex-direction:column;gap:12px}.riwayat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.riwayat-item:hover{background:#e9ecef;transform:translate(5px)}.riwayat-bulan{font-weight:600;color:#2c3e50}.riwayat-jumlah{color:#7f8c8d;font-size:.9rem}.populer-item{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.populer-item:hover{background:#e9ecef;transform:translateY(-2px)}.populer-rank{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}.populer-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.populer-category{font-weight:600}.populer-views{color:#7f8c8d}.kategori-list{display:flex;flex-direction:column;gap:12px}.kategori-item{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#f8f9fa;border-radius:8px;transition:all .3s ease;cursor:pointer}.kategori-item:hover{background:#e9ecef;transform:translate(5px)}.kategori-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.kategori-name{font-weight:500;color:#2c3e50}.berita-header{text-align:center;margin-bottom:50px;padding:0 20px}.berita-header h1{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.berita-header p{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.berita-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.berita-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border-top:4px solid #ff9f43}.berita-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026;border-top-color:coral}.berita-image{position:relative;width:100%;height:200px;overflow:hidden}.berita-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.berita-card:hover .berita-image img{transform:scale(1.05)}.berita-category{position:absolute;top:15px;left:15px;background:#3498dbe6;color:#fff;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.berita-content-card{padding:25px}.berita-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.85rem}.berita-date{color:#ff9f43;font-weight:600}.berita-views{color:#7f8c8d}.berita-title{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.berita-summary{color:#7f8c8d;font-size:1rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.berita-link{display:inline-flex;align-items:center;gap:8px;color:#ff9f43;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease}.berita-link:hover{color:coral;transform:translate(5px)}.berita-date{display:inline-block;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px;box-shadow:0 4px 8px #ff9f434d}.berita-title{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:12px;line-height:1.4;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.berita-excerpt{color:#7f8c8d;font-size:1rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.berita-read-more{display:inline-flex;align-items:center;gap:8px;color:#ff9f43;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease}.berita-read-more:hover{color:coral;transform:translate(5px)}.berita-read-more:after{content:"→";transition:transform .3s ease}.berita-read-more:hover:after{transform:translate(3px)}.berita-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:50px}.pagination-btn{padding:12px 20px;border:2px solid #ff9f43;background:#fff;color:#ff9f43;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.pagination-btn:hover,.pagination-btn.active{background:#ff9f43;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ff9f434d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.berita-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-input{width:100%;padding:15px 20px;border:2px solid #e0e6ed;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#ff9f43;box-shadow:0 0 0 3px #ff9f431a}.category-filter{display:flex;gap:10px;flex-wrap:wrap}.category-btn{padding:10px 20px;border:2px solid #e0e6ed;background:#fff;color:#7f8c8d;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.category-btn:hover,.category-btn.active{border-color:#ff9f43;background:#ff9f43;color:#fff;transform:translateY(-2px)}.featured-news{margin-bottom:50px}.featured-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a;display:grid;grid-template-columns:1fr 1fr;min-height:400px}.featured-image{width:100%;height:100%;object-fit:cover}.featured-info{padding:40px;display:flex;flex-direction:column;justify-content:center}.featured-badge{display:inline-block;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px;width:fit-content}.featured-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:15px;line-height:1.3}.featured-excerpt{color:#7f8c8d;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.featured-meta{display:flex;align-items:center;gap:20px;color:#95a5a6;font-size:.9rem;margin-bottom:25px}@media (max-width: 1024px){.berita-content{grid-template-columns:1fr;gap:30px}.berita-grid{grid-template-columns:repeat(2,1fr);gap:25px}.featured-card{grid-template-columns:1fr}.featured-info{padding:30px}.featured-title{font-size:1.8rem}}@media (max-width: 768px){.berita-page{padding:100px 0 30px}.berita-main h2{font-size:2rem}.berita-header h1{font-size:2.5rem}.berita-filters{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.category-filter{justify-content:center}.berita-grid{grid-template-columns:1fr;gap:20px}.berita-content-card{padding:20px}.featured-info{padding:25px}.featured-title{font-size:1.6rem}.berita-pagination{flex-wrap:wrap}.sidebar-card{padding:20px}}@media (max-width: 480px){.berita-page{padding:100px 0 30px}.berita-main{padding:20px}.berita-main h2{font-size:1.8rem}.berita-header h1{font-size:2rem}.berita-header p{font-size:1rem}.berita-content-card{padding:15px}.berita-title{font-size:1.2rem}.berita-summary{font-size:.9rem}.featured-info{padding:20px}.featured-title{font-size:1.4rem}.featured-excerpt{font-size:1rem}.pagination-btn{padding:10px 15px;font-size:.9rem}.sidebar-card{padding:15px}.sidebar-card h3{font-size:1.2rem}}.dokumentasi-page{width:100%;min-height:100vh;padding:160px 0 40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.dokumentasi-content{display:grid;grid-template-columns:1fr;gap:30px;align-items:start}.dokumentasi-main{width:100%}.dokumentasi-header{text-align:center;margin-bottom:40px}.dokumentasi-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px;font-weight:700}.dokumentasi-header p{font-size:1.1rem;color:#7f8c8d;max-width:600px;margin:0 auto}.dokumentasi-filters{margin-bottom:40px;text-align:center}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.filter-btn{background:#fff;color:#ff9f43;border:2px solid #ff9f43;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#ff9f43;color:#fff;transform:translateY(-2px)}.filter-btn.active{background:#ff9f43;color:#fff}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.photo-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;cursor:pointer;position:relative}.photo-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.photo-image{position:relative;width:100%;height:200px;overflow:hidden}.photo-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-card:hover .photo-image img{transform:scale(1.05)}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.photo-card:hover .photo-overlay{opacity:1}.photo-actions{display:flex;gap:10px}.view-btn{background:#ff9f43;color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-btn:hover{background:coral;transform:scale(1.05)}.photo-info{padding:20px}.photo-category{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.photo-title{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:8px;line-height:1.3}.photo-description{color:#7f8c8d;font-size:.9rem;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.photo-meta{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #ecf0f1}.photo-date{color:#95a5a6;font-size:.85rem;font-weight:500}.photo-stats{display:flex;gap:15px}.photo-views,.photo-likes{display:flex;align-items:center;gap:5px;color:#95a5a6;font-size:.85rem}.photo-views:before{content:"👁";font-size:.9rem}.photo-likes:before{content:"❤";font-size:.9rem}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.pagination-btn{background:#ff9f43;color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:coral;transform:translateY(-2px)}.pagination-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.pagination-numbers{display:flex;gap:5px}.pagination-number{background:#fff;color:#ff9f43;border:2px solid #ff9f43;padding:8px 12px;border-radius:50%;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background:#ff9f43;color:#fff;transform:scale(1.1)}.pagination-number.active{background:#ff9f43;color:#fff}.photo-modal-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0}.photo-modal-fullscreen-content{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.photo-modal-close{position:absolute;top:20px;right:20px;background:#000c;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.photo-modal-close:hover{background:#000;transform:scale(1.1)}.photo-modal-fullscreen-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-modal-fullscreen-image img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;cursor:grab}.photo-modal-fullscreen-image img:active{cursor:grabbing}.photo-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:60px;height:60px;border-radius:50%;font-size:2rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.photo-nav-btn:hover:not(:disabled){background:#000000e6;transform:translateY(-50%) scale(1.1)}.photo-nav-btn:disabled{background:#0000004d;color:#ffffff4d;cursor:not-allowed}.photo-nav-prev{left:30px}.photo-nav-next{right:30px}.photo-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:40px 30px 30px;z-index:1001;transform:translateY(100%);transition:transform .3s ease}.photo-modal-fullscreen-content:hover .photo-info-overlay{transform:translateY(0)}.photo-info-content{max-width:800px;margin:0 auto;color:#fff}.photo-info-overlay .photo-category{display:inline-block;padding:6px 15px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.photo-info-overlay .photo-title{font-size:1.8rem;font-weight:700;margin-bottom:10px;line-height:1.3}.photo-info-overlay .photo-description{font-size:1.1rem;line-height:1.5;margin-bottom:15px;opacity:.9}.photo-info-overlay .photo-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:.95rem;opacity:.8}.photo-info-overlay .photo-meta span{display:flex;align-items:center;gap:5px}.photo-info-overlay .photo-stats{display:flex;gap:15px}.zoom-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#000c;padding:15px;border-radius:30px;z-index:1001}.zoom-btn{background:#fff;color:#333;border:none;width:45px;height:45px;border-radius:50%;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.zoom-btn:hover:not(:disabled){background:#3498db;color:#fff;transform:scale(1.1)}.zoom-btn:disabled{background:#bdc3c7;color:#7f8c8d;cursor:not-allowed}.photo-modal-info{padding:30px;overflow-y:auto;max-height:90vh}.photo-modal-header{margin-bottom:20px}.photo-modal-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px;line-height:1.3}.photo-modal-category{display:inline-block;padding:6px 15px;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.photo-modal-description{color:#7f8c8d;font-size:1rem;line-height:1.6;margin-bottom:25px}.photo-modal-meta{display:grid;gap:15px}.photo-modal-meta-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ecf0f1}.photo-modal-meta-label{font-weight:600;color:#2c3e50;font-size:.9rem}.photo-modal-meta-value{color:#7f8c8d;font-size:.9rem}@media (max-width: 1024px){.photo-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.photo-nav-btn{width:50px;height:50px;font-size:1.5rem}.photo-nav-prev{left:20px}.photo-nav-next{right:20px}.photo-info-overlay .photo-title{font-size:1.5rem}.photo-info-overlay .photo-description{font-size:1rem}.zoom-controls{bottom:20px;padding:12px}.zoom-btn{width:40px;height:40px;font-size:1.1rem}}@media (max-width: 768px){.dokumentasi-page{padding:140px 0 40px}.dokumentasi-header h1{font-size:2rem}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.photo-card{border-radius:10px}.photo-image{height:180px}.photo-info{padding:15px}.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{padding:8px 16px;font-size:.85rem}.pagination-number{min-width:35px;height:35px;font-size:.85rem}.photo-modal-close{top:15px;right:15px;width:40px;height:40px;font-size:1.5rem}.photo-nav-btn{width:45px;height:45px;font-size:1.3rem}.photo-nav-prev{left:15px}.photo-nav-next{right:15px}.photo-info-overlay{padding:30px 20px 20px}.photo-info-overlay .photo-title{font-size:1.3rem}.photo-info-overlay .photo-description{font-size:.95rem}.photo-info-overlay .photo-meta{gap:15px;font-size:.9rem}.zoom-controls{bottom:15px;padding:10px}.zoom-btn{width:35px;height:35px;font-size:1rem}}@media (max-width: 480px){.dokumentasi-page{padding:120px 0 40px}.container{padding:0 15px}.dokumentasi-header h1{font-size:1.8rem}.photo-grid{grid-template-columns:1fr;gap:15px}.photo-image{height:160px}.photo-title{font-size:1.1rem}.photo-description{font-size:.85rem}.photo-modal-close{top:10px;right:10px;width:35px;height:35px;font-size:1.3rem}.photo-nav-btn{width:40px;height:40px;font-size:1.2rem}.photo-nav-prev{left:10px}.photo-nav-next{right:10px}.photo-info-overlay{padding:20px 15px 15px}.photo-info-overlay .photo-title{font-size:1.2rem}.photo-info-overlay .photo-description{font-size:.9rem}.photo-info-overlay .photo-meta{gap:10px;font-size:.85rem;flex-direction:column;align-items:flex-start}.zoom-controls{bottom:10px;padding:8px}.zoom-btn{width:32px;height:32px;font-size:.9rem}}.dokumentasi-badge{display:inline-block;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px;box-shadow:0 4px 8px #ff9f434d}.detail-icon{width:16px;height:16px;background:#ff9f43;border-radius:50%;flex-shrink:0}.dokumentasi-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff9f43,coral);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff9f434d}.dokumentasi-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9f4366}.visimisi-page{width:100%;min-height:100vh;padding:160px 0 60px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0,#d0d0d0);font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-x:hidden}.visimisi-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(200,200,200,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(180,180,180,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(220,220,220,.15) 0%,transparent 50%);pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.visimisi-header{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#f4e6e6,#e8d0d0,#d4b8b8);padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #8b454533;position:relative;overflow:hidden}.visimisi-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(139,69,69,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(160,82,82,.08) 0%,transparent 50%);pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:3.5rem;font-weight:800;color:#2c3e50;margin-bottom:20px;text-shadow:0 2px 4px rgba(255,255,255,.3);position:relative;z-index:2}.page-subtitle{font-size:1.2rem;color:#34495e;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:2;text-shadow:0 1px 2px rgba(255,255,255,.2)}.section-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:50px;animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.section-icon{font-size:3rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:15px;border:1px solid rgba(255,255,255,.3)}.section-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.visi-section{margin-bottom:100px;animation:fadeIn .8s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visi-content{display:grid;grid-template-columns:1fr;gap:50px;align-items:start}.visi-main{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:40px;box-shadow:0 25px 50px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.visi-main:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.visi-main h3{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.visi-statement{font-size:1.1rem;line-height:1.8;color:#555;font-style:italic;position:relative;padding:20px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;border-left:4px solid #667eea}.visi-statement:before{content:'"';position:absolute;top:-10px;left:15px;font-size:3rem;color:#667eea;opacity:.3;font-family:Montserrat,serif}.visi-points{display:flex;flex-direction:column;gap:20px}.visi-point{display:flex;align-items:flex-start;gap:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;animation:slideInRight .6s ease-out;animation-fill-mode:both}.visi-point:nth-child(1){animation-delay:.1s}.visi-point:nth-child(2){animation-delay:.2s}.visi-point:nth-child(3){animation-delay:.3s}.visi-point:nth-child(4){animation-delay:.4s}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.visi-point:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.point-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.visi-point p{margin:0;color:#555;line-height:1.6;font-size:1rem}.misi-section{margin-bottom:100px;animation:fadeIn .8s ease-out .4s both}.misi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.misi-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:35px;box-shadow:0 25px 50px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .3s ease;animation:scaleIn .6s ease-out;animation-fill-mode:both}.misi-card:nth-child(1){animation-delay:.1s}.misi-card:nth-child(2){animation-delay:.2s}.misi-card:nth-child(3){animation-delay:.3s}.misi-card:nth-child(4){animation-delay:.4s}.misi-card:nth-child(5){animation-delay:.5s}.misi-card:nth-child(6){animation-delay:.6s}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.misi-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 35px 70px #00000026}.misi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.misi-number{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #667eea4d}.misi-title{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.misi-description{color:#666;line-height:1.7;margin:0;font-size:1rem}.nilai-section{margin-bottom:100px;animation:fadeIn .8s ease-out .6s both}.nilai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.nilai-card{background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:30px;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;position:relative;overflow:hidden;animation:bounceIn .6s ease-out;animation-fill-mode:both}.nilai-card:nth-child(1){animation-delay:.1s}.nilai-card:nth-child(2){animation-delay:.2s}.nilai-card:nth-child(3){animation-delay:.3s}.nilai-card:nth-child(4){animation-delay:.4s}.nilai-card:nth-child(5){animation-delay:.5s}.nilai-card:nth-child(6){animation-delay:.6s}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.nilai-card:hover{transform:translateY(-8px) rotate(2deg);box-shadow:0 25px 50px #00000026}.nilai-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2)}.nilai-icon{font-size:3rem;margin-bottom:20px;display:block}.nilai-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nilai-description{color:#666;line-height:1.6;margin:0;font-size:.95rem}.commitment-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:60px;box-shadow:0 30px 60px #0000001a;border:1px solid rgba(255,255,255,.2);text-align:center;position:relative;overflow:hidden;animation:fadeInUp .8s ease-out .8s both}.commitment-section:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.commitment-content h2{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:25px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.commitment-content p{font-size:1.1rem;color:#666;line-height:1.8;max-width:800px;margin:0 auto 50px}.commitment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:40px}.stat-item{padding:20px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);background:linear-gradient(135deg,#667eea26,#764ba226)}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stat-label{font-size:1rem;color:#666;font-weight:600}@media (max-width: 1024px){.page-title{font-size:3rem}.visi-content{grid-template-columns:1fr;gap:40px}.misi-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.nilai-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.visimisi-page{padding:100px 0 40px}.container{padding:0 15px}.page-title{font-size:2.5rem}.page-subtitle{font-size:1.1rem}.section-header{flex-direction:column;gap:15px}.section-title{font-size:2rem}.visi-main,.misi-card,.commitment-section{padding:30px}.visi-point{padding:20px}.misi-grid{grid-template-columns:1fr}.nilai-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.commitment-stats{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 576px){.page-title{font-size:2rem}.section-icon{font-size:2.5rem;padding:12px}.section-title{font-size:1.8rem}.visi-main,.misi-card{padding:25px}.commitment-section{padding:40px 25px}.commitment-stats{grid-template-columns:1fr}.stat-number{font-size:2rem}}@media print{.visimisi-page{background:#fff;padding:20px 0}.visimisi-page:before{display:none}.visi-main,.misi-card,.nilai-card,.commitment-section{background:#fff;border:1px solid #ddd;box-shadow:none}.section-icon{background:#f8f9fa}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.visi-main,.misi-card,.nilai-card,.commitment-section{background:#fff;border:2px solid #000}.page-title,.section-title,.misi-title,.nilai-title{color:#000!important;-webkit-text-fill-color:#000!important}}.hero-title{font-size:3.4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#1f2937;text-align:center}.hero-subtitle{font-size:1.1rem;color:#6b7280;text-align:center;margin-bottom:2rem;line-height:1.6}.section-title{font-size:2.9rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1f2937}.section-subtitle{font-size:2.4rem;font-weight:600;text-align:center;margin-bottom:3rem;color:#374151}.misi-title{font-size:2.9rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1f2937}.misi-item-content{font-size:1rem;color:#374151;line-height:1.6}.misi-item-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.misi-item-description{font-size:1.3rem;color:#6b7280;line-height:1.6}.misi-item-text{font-size:.9rem;color:#374151;line-height:1.6}.tujuan-title{font-size:2.9rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1f2937}.tujuan-subtitle{font-size:1.2rem;color:#6b7280;text-align:center;margin-bottom:3rem;line-height:1.6}.tujuan-item-title{font-size:.85rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.strategi-title{font-size:2.1rem;font-weight:700;text-align:center;margin-bottom:1rem;color:#1f2937}.strategi-content{font-size:1rem;color:#374151;line-height:1.8;text-align:center}.sasaran-title{font-size:2.4rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1f2937}.sasaran-subtitle{font-size:1rem;color:#6b7280;text-align:center;margin-bottom:3rem;line-height:1.6}.sasaran-item-title,.indikator-title{font-size:1.9rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.indikator-subtitle{font-size:2.4rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.indikator-content{font-size:1.7rem;color:#374151;line-height:1.6}.target-title{font-size:1.9rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.kemahasiswaan-page{width:100%;min-height:100vh;padding:200px 0 60px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.kemahasiswaan-content{display:grid;grid-template-columns:3fr 1fr;gap:20px;align-items:start}.kemahasiswaan-main{background:#fff;border-radius:15px;padding:24px;box-shadow:0 10px 30px #0000001a}.kemahasiswaan-main h2{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:30px;text-align:center;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kegiatan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.kegiatan-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;border:1px solid #e9ecef}.kegiatan-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.kegiatan-image{position:relative;height:200px;overflow:hidden}.kegiatan-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.kegiatan-card:hover .kegiatan-image img{transform:scale(1.05)}.kegiatan-category{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#ff9f43,#ff6b35);color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.kegiatan-content-card{padding:20px}.kegiatan-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.85rem;color:#6c757d}.kegiatan-date{font-weight:500}.kegiatan-views{color:#28a745;font-weight:500}.kegiatan-title{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kegiatan-summary{color:#6c757d;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kegiatan-link{display:inline-block;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:.9rem}.kegiatan-link:hover{background:linear-gradient(135deg,#0056b3,#004085);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.kemahasiswaan-sidebar{display:flex;flex-direction:column;gap:25px}.sidebar-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px #0000001a;border-top:4px solid #ff9f43}.sidebar-card h3{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:20px;text-align:center}.populer-list{display:flex;flex-direction:column;gap:15px}.populer-item{display:flex;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease;border-left:4px solid transparent}.populer-item:hover{background:#e9ecef;border-left-color:#ff9f43;transform:translate(5px)}.populer-rank{background:linear-gradient(135deg,#ff9f43,#ff6b35);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-right:15px;flex-shrink:0}.populer-content{flex:1}.populer-title{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.populer-meta{display:flex;gap:10px;align-items:center;font-size:.8rem}.populer-category{background:#ffeaa7;color:#2d3436;padding:2px 8px;border-radius:12px;font-weight:500}.populer-views{color:#28a745;font-weight:500}.section-title{font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:30px;position:relative;padding-bottom:15px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(135deg,maroon,#600);border-radius:2px}.kegiatan-section{padding-right:20px;margin-bottom:30px}.sidebar{margin-bottom:30px;background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px #00000014;height:fit-content;position:sticky;top:20px}.row{margin-left:-15px;margin-right:-15px}.row>[class*=col-]{padding-left:15px;padding-right:15px}@media (min-width: 992px){.kegiatan-section{padding-right:25px}.sidebar{padding-left:25px;position:sticky;top:20px}.kegiatan-card .card-img-top{height:200px}}@media (min-width: 769px) and (max-width: 991px){.kegiatan-section{padding-right:15px}.sidebar{padding-left:15px;position:static;margin-top:30px}.kegiatan-card .card-img-top{height:180px}.section-title{font-size:2rem}.sidebar-title{font-size:1.4rem}}@media (max-width: 768px){.kegiatan-section{padding:0;margin-bottom:30px}.sidebar{padding:0;margin-top:30px;position:static}.row>[class*=col-]{margin-bottom:20px}.kegiatan-card .card-img-top{height:160px}}.kegiatan-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 25px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);height:100%;display:flex;flex-direction:column}.kegiatan-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #80000026}.kegiatan-card .card-img-top{height:180px;object-fit:cover;transition:transform .3s ease;width:100%}.kegiatan-card:hover .card-img-top{transform:scale(1.05)}.kegiatan-card .card-body{padding:20px;flex:1;display:flex;flex-direction:column}.kegiatan-card .card-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:15px;line-height:1.4}.kegiatan-card .card-text{color:#6c757d;font-size:.9rem;line-height:1.6;margin-bottom:20px;flex:1}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:10px}.kemahasiswaan-page .badge.bg-warning{background:linear-gradient(135deg,#ff9500,#ff7b00)!important;color:#fff!important;padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ff95004d}.card-actions{display:flex;gap:8px;margin-top:auto}.card-actions .btn{font-size:.8rem;padding:6px 12px;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.card-actions .btn-primary{background:linear-gradient(135deg,maroon,#600);color:#fff}.card-actions .btn-outline-secondary{background:transparent;border:2px solid #6c757d;color:#6c757d}.card-actions .btn:hover{transform:translateY(-2px)}.card-actions .btn-primary:hover{background:linear-gradient(135deg,#600,#4d0000)}.card-actions .btn-outline-secondary:hover{background:#6c757d;color:#fff}.sidebar{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0000001a;height:fit-content;position:sticky;top:190px;padding:25px 25px 25px 15px}.sidebar-title{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:20px;position:relative;padding-bottom:10px}.sidebar-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(135deg,maroon,#600);border-radius:2px}.popular-list{display:flex;flex-direction:column;gap:15px}.popular-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease;border-left:4px solid transparent}.popular-item:hover{background:#e9ecef;border-left-color:maroon;transform:translate(5px)}.popular-rank{display:flex;align-items:center;justify-content:center}.rank-number{width:30px;height:30px;background:linear-gradient(135deg,maroon,#600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.popular-content{flex:1}.popular-title{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:8px;line-height:1.3}.popular-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.links-list{display:flex;flex-direction:column;gap:10px}.quick-link{display:flex;align-items:center;padding:12px 15px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:#2c3e50;font-weight:500;transition:all .3s ease;border-left:4px solid transparent}.quick-link:hover{background:#e9ecef;color:maroon;border-left-color:maroon;transform:translate(5px);text-decoration:none}.contact-details{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;color:#6c757d;font-size:.95rem;margin:0}.contact-item i{color:#667eea;width:20px}@media (max-width: 1024px){.sidebar{position:static;margin-top:30px;padding-left:25px}.kegiatan-section{padding-right:0}}@media (max-width: 768px){.kemahasiswaan-page{padding:120px 0 30px}.page-title{font-size:2.5rem}.page-subtitle{font-size:1.1rem}.section-title{font-size:1.8rem}.sidebar{position:static;margin-top:30px;padding-left:0;padding-right:0}.kegiatan-section{padding-right:0;padding-left:0}.kegiatan-card .card-img-top{height:180px}.card-actions{flex-direction:column}.card-actions .btn{width:100%;justify-content:center}.row>[class*=col-]{margin-bottom:20px}}@media (max-width: 480px){.kemahasiswaan-page{padding:100px 0 20px}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.section-title{font-size:1.6rem}.sidebar{padding:15px}.sidebar-title{font-size:1.2rem}.kegiatan-card .card-body{padding:15px}.kegiatan-card .card-title{font-size:1.1rem}.kegiatan-card .card-img-top{height:160px}.card-meta{flex-direction:column;align-items:flex-start;gap:8px}.popular-item{flex-direction:column;text-align:center;gap:10px}.popular-meta{justify-content:center}}.detail-kemahasiswaan-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:5rem 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.detail-kemahasiswaan-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh;background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0000001a}.loading-container p{font-size:1.2rem;color:#666;text-align:center}.error-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.error-message{background:#fffffff2;padding:3rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:center;max-width:500px}.error-message h3{color:#e74c3c;margin-bottom:1rem;font-size:1.5rem}.error-message p{color:#666;margin-bottom:1rem;line-height:1.6}.error-detail{font-size:.9rem;color:#999;font-style:italic}.kegiatan-not-found{background:#fffffff2;padding:3rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:center;margin:2rem auto;max-width:500px}.kegiatan-not-found h2{color:#e74c3c;margin-bottom:1rem}.kegiatan-not-found p{color:#666;margin-bottom:2rem;line-height:1.6}.back-button{display:inline-block;background:#ffffffe6;color:#333;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;margin-bottom:2rem;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.back-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026;text-decoration:none;color:#333}.back-link{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.back-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;text-decoration:none;color:#fff}.kegiatan-article{background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden;margin-bottom:2rem}.article-header{padding:2rem 2rem 1rem;border-bottom:1px solid #eee}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tanggal,.dibaca{color:#666;font-size:.9rem}.tanggal:before{content:"📅 ";margin-right:.25rem}.dibaca:before{content:"👁️ ";margin-right:.25rem}.article-title{font-size:2.5rem;font-weight:700;color:#333;line-height:1.2;margin-bottom:1rem}.article-author{color:#666;font-style:italic}.article-image{width:100%;height:400px;overflow:hidden;position:relative}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-image:hover img{transform:scale(1.05)}.article-content{padding:2rem}.article-summary{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);padding:1.5rem;border-radius:10px;margin-bottom:2rem;border-left:4px solid #667eea}.article-summary p{margin:0;font-size:1.1rem;line-height:1.6;color:#444}.article-body{line-height:1.8;color:#333;font-size:1rem}.article-body h3{color:#333;font-size:1.5rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.article-body h4{color:#444;font-size:1.2rem;margin:1.5rem 0 .75rem}.article-body p{margin-bottom:1rem;text-align:justify}.article-body ul,.article-body ol{margin:1rem 0;padding-left:2rem}.article-body li{margin-bottom:.5rem;line-height:1.6}.article-body strong{color:#333;font-weight:600}.article-body em{color:#666;font-style:italic}@media (max-width: 992px){.detail-kemahasiswaan-page{padding:1rem 0}.detail-kemahasiswaan-page .container{padding:0 .5rem}.article-header{padding:1.5rem 1.5rem 1rem}.article-title{font-size:2rem}.article-content{padding:1.5rem}.article-image{height:300px}}@media (max-width: 768px){.article-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.article-title{font-size:1.75rem}.article-header,.article-content,.article-summary{padding:1rem}.article-image{height:250px}.back-button{margin-bottom:1rem;padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.article-title{font-size:1.5rem}.article-body{font-size:.95rem}.article-body h3{font-size:1.3rem}.article-body h4{font-size:1.1rem}.article-image{height:200px}}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;line-height:1.6;color:#333}.header{position:fixed;top:0;left:0;right:0;z-index:1000}.top-header{background:maroon;color:#fff;font-size:.875rem;padding:1.2rem 0}.top-header .container{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.top-header-left .phone{color:#fff}.top-header-right{display:flex;align-items:center;gap:1.5rem}.top-link{color:#fff;text-decoration:none;transition:color .3s ease}.top-link:hover{color:#93c5fd}.language-flags{display:flex;gap:.5rem}.flag{width:24px;height:18px;cursor:pointer;transition:opacity .3s ease}.flag:hover{opacity:.8}.yellow-separator{border:none;height:2px;background-color:gold;margin:0}.main-header{background:#1e3a8a;color:#fff}.main-header .container{display:flex;justify-content:space-between;align-items:center;padding:.6rem 20px}.nav-brand{display:flex;align-items:center;gap:12px;position:relative}.logo{width:50px;height:50px;object-fit:contain;display:block}.brand-text{font-size:1.5rem;font-weight:700;color:#fff}.nav-list{display:flex;list-style:none;gap:2rem;margin:0}.nav-link{text-decoration:none;color:#fff;font-weight:500;transition:color .3s ease;display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:.875rem;padding:.4rem .8rem}.nav-link:hover{color:#bfdbfe}.nav-item-dropdown{position:relative}.dropdown-toggle{cursor:pointer}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001;list-style:none;padding:.5rem 0;margin:0}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-link{display:block;padding:.75rem 1.5rem;color:#374151;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .3s ease;border-left:3px solid transparent}.dropdown-link:hover{background:#f8fafc;color:#0ea5e9;border-left-color:#0ea5e9}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:4px}.menu-toggle span{width:25px;height:3px;background:#fff;transition:all .3s ease}.footer{background:#1f2937;color:#fff;padding:60px 0 20px}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{font-size:1.5rem;margin-bottom:20px;color:#f9fafb}.footer-section p,.footer-section li{color:#d1d5db;line-height:1.6;margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section a{color:#d1d5db;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#60a5fa}.footer-bottom{border-top:1px solid #374151;margin-top:40px;padding-top:20px;text-align:center;color:#9ca3af}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.btn-secondary:hover{background:#3b82f6;color:#fff}.nav{position:relative}.nav-open .nav-list{display:flex!important;position:absolute;top:100%;left:0;right:0;background:#1e3a8a;flex-direction:column;padding:1rem 0;box-shadow:0 4px 6px #0000001a;z-index:1000}.nav-open .nav-list .nav-item-dropdown .dropdown-menu{position:static;box-shadow:none;background:#1e40af;border:none;border-radius:0;margin-left:1rem;margin-top:.5rem}.nav-open .nav-list .dropdown-link{color:#e5e7eb;padding:.5rem 1.5rem}.nav-open .nav-list .dropdown-link:hover{background:#1e40af;color:#fff}@media (max-width: 1024px){.nav-list{gap:1.5rem}.nav-link{font-size:.9rem;padding:.3rem .6rem}}@media (max-width: 768px){.top-header{padding:.8rem 0}.top-header .container{flex-direction:column;gap:.5rem;text-align:center}.top-header-right{gap:1rem;flex-wrap:wrap;justify-content:center}.main-header .container{padding:.5rem 20px;position:relative}.brand-text{font-size:1.3rem}.nav-list{display:none}.menu-toggle{display:flex}.nav-open .nav-list{display:flex!important}.nav-open .nav-list .nav-link{padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}}@media (max-width: 480px){.top-header{font-size:.8rem;padding:.6rem 0}.top-header .container{padding:0 15px}.top-header-right{font-size:.75rem;gap:.75rem}.main-header .container{padding:.4rem 15px}.logo{width:40px;height:40px}.brand-text{font-size:1.1rem}.nav-open .nav-list .nav-link{padding:.6rem 1rem;font-size:.9rem}.nav-open .nav-list .dropdown-link{padding:.4rem 1.25rem;font-size:.85rem}.footer{padding:40px 0 15px}.footer-content{padding:0 15px}.container{padding:0 15px!important}.btn{padding:10px 20px;font-size:.9rem}h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.3rem!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.65;color:#333;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem}h1{font-size:2.7rem}h2{font-size:2.2rem}h3{font-size:1.8rem}h4{font-size:1.3rem}p{margin-bottom:1rem;color:#666}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;text-align:center}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e94d}.btn-secondary{background:transparent;color:#0ea5e9;border:2px solid #0ea5e9}.btn-secondary:hover{background:#0ea5e9;color:#fff}.btn-outline{background:transparent;color:#333;border:2px solid #e5e7eb}.btn-outline:hover{background:#f9fafb;border-color:#0ea5e9;color:#0ea5e9}section{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-title{color:#1f2937;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto}.highlight{background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.container{padding:0 16px}h1{font-size:2.4rem}h2{font-size:1.9rem}h3{font-size:1.4rem}section{padding:60px 0}.section-header{margin-bottom:40px}}