@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--upucc-primary:#002a54;--upucc-secondary:#24acdf;--upucc-accent:#f2a900;--text-dark:#0f172a;--text-light:#64748b;--bg-color:#f8fafc}body{background-color:var(--bg-color);color:var(--text-dark);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;display:flex}body>:not(.upucc-navbar):not(.upucc-footer){flex:1 0 auto}h1,h2,h3,h4,h5,h6{font-weight:700}.section-title{background:linear-gradient(120deg, var(--upucc-primary), var(--upucc-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;border-left:none;margin-bottom:2rem;padding-left:0;font-size:2rem;font-weight:800;display:inline-block;position:relative}.section-title:after{content:"";background:var(--upucc-accent);border-radius:2px;width:50px;height:4px;transition:width .3s;position:absolute;bottom:-8px;left:0}.section-title:hover:after{width:100%}.upucc-navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a;padding:15px 0;transition:all .3s;background:#002a54d9!important}.upucc-navbar .navbar-brand{letter-spacing:.5px;font-size:1.3rem}.upucc-navbar .nav-link{color:#ffffffd9;margin:0 5px;font-weight:500;transition:color .2s}.upucc-navbar .nav-link:hover{color:#fff}.upucc-navbar .nav-link.active{font-weight:600;color:var(--upucc-accent)!important}.upucc-navbar .btn-outline-light{border-width:2px;border-radius:50px;font-weight:600}.upucc-navbar .btn-outline-light:hover{background:var(--upucc-accent);border-color:var(--upucc-accent);color:var(--upucc-primary)}.hero-slider img{object-fit:cover;filter:brightness(.85);width:100%;height:550px}.hero-slider .carousel-caption{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#002a5499;border:1px solid #ffffff26;border-radius:16px;padding:30px 40px;animation:.8s .2s forwards fadeInUp;bottom:15%;transform:translateY(20px)}.hero-slider .carousel-caption h3{text-shadow:0 2px 4px #00000080;font-size:2.5rem;font-weight:800}.hero-slider .carousel-indicators [data-bs-target]{border-radius:3px;width:40px;height:6px}.card-divisi,.struktur-card,.acara-card,.prestasi-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.card-divisi:hover,.prestasi-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px -12px #00000026}.card-divisi img.logo-divisi{object-fit:contain;width:90px;height:90px;margin:30px auto 10px;transition:transform .3s}.card-divisi:hover img.logo-divisi{transform:scale(1.1)}.card-divisi .card-title{color:var(--upucc-primary);font-weight:700}.struktur-card{text-align:center;padding:30px 15px}.struktur-card img{object-fit:cover;width:120px;height:120px;box-shadow:0 0 0 4px var(--upucc-secondary);border:4px solid #fff;border-radius:50%;margin-bottom:15px;transition:transform .3s}.struktur-card:hover img{transform:rotate(5deg)scale(1.05)}.struktur-card h6{color:var(--text-dark);margin-bottom:5px;font-size:1.1rem;font-weight:700}.struktur-card .jabatan{color:var(--upucc-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.prestasi-card img{object-fit:cover;height:220px}.prestasi-card .card-body{padding:25px}.prestasi-card .badge{letter-spacing:.5px;border-radius:8px;padding:6px 12px;font-weight:600}.prestasi-excerpt{min-height:50px;color:var(--text-light)}.prestasi-card .btn-outline-primary{border-radius:50px;padding:6px 20px;font-weight:600}.acara-card{border-radius:24px;margin-bottom:40px}.acara-card .acara-header{background:#f8fafc80;align-items:center;gap:12px;padding:20px;display:flex}.acara-card .acara-header .icon{background:linear-gradient(135deg, var(--upucc-secondary), var(--upucc-primary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.acara-card .carousel{background:#0f172a}.acara-card .carousel-item img{object-fit:contain;background:#0f172a;width:100%;height:auto;max-height:500px;margin:0 auto;display:block}.acara-card .acara-body{padding:25px}.acara-card .acara-body h5{color:var(--upucc-primary);font-size:1.4rem}.acara-card .acara-body p{color:var(--text-light);font-size:1.05rem}.upucc-footer{border-top:4px solid var(--upucc-accent);background:linear-gradient(135deg,#021224 0%,#002a54 100%);padding:60px 0 40px;position:relative}.upucc-footer p.small{color:#94a3b8!important}.upucc-footer .footer-logo{filter:drop-shadow(0 4px 6px #0000004d)}.upucc-footer .social-icons a{text-align:center;color:#fff;background:#ffffff1a;border-radius:50%;width:40px;height:40px;margin:0 5px;line-height:40px;transition:all .3s;display:inline-block}.upucc-footer .social-icons a:hover{background:var(--upucc-accent);color:var(--upucc-primary);transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg, var(--upucc-secondary), var(--upucc-primary));border:none;border-radius:50px;padding:10px 25px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #24acdf4d}.btn-primary:hover{background:linear-gradient(135deg, var(--upucc-primary), var(--upucc-secondary));transform:translateY(-2px);box-shadow:0 8px 20px #24acdf80}.badge-status-open{color:#fff;background:#10b981;border-radius:20px;padding:8px 15px;font-weight:600}.badge-status-closed{color:#fff;background:#ef4444;border-radius:20px;padding:8px 15px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-load{opacity:0;animation:.8s cubic-bezier(.165,.84,.44,1) forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}