@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}.card-divisi-home{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0b3;border-radius:24px;padding:32px 20px 28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 30px #002a540f}.card-divisi-home:before{content:"";background:linear-gradient(135deg, var(--upucc-primary), var(--upucc-secondary));opacity:0;z-index:0;transition:opacity .4s;position:absolute;inset:0}.card-divisi-home:hover{border-color:#0000;transform:translateY(-10px)scale(1.02);box-shadow:0 30px 60px #002a5433}.card-divisi-home:hover:before{opacity:1}.cdh-accent{background:linear-gradient(90deg, var(--upucc-secondary), var(--upucc-accent));border-radius:24px 24px 0 0;height:4px;transition:height .4s,opacity .4s;position:absolute;top:0;left:0;right:0}.card-divisi-home:hover .cdh-accent{opacity:0}.cdh-logo-wrap{z-index:1;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;transition:all .4s;display:flex;position:relative;box-shadow:0 8px 24px #24acdf33}.card-divisi-home:hover .cdh-logo-wrap{background:#fff3;box-shadow:0 8px 30px #ffffff40}.cdh-logo{object-fit:contain;border-radius:50%;width:70px;height:70px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.card-divisi-home:hover .cdh-logo{transform:scale(1.15)rotate(5deg)}.cdh-title{z-index:1;color:var(--upucc-primary);margin-bottom:0;font-size:1rem;font-weight:700;line-height:1.3;transition:color .3s;position:relative}.card-divisi-home:hover .cdh-title{color:#fff}.cdh-arrow{z-index:1;width:36px;height:36px;color:var(--upucc-secondary);opacity:0;background:#24acdf1a;border-radius:50%;justify-content:center;align-items:center;margin:16px auto 0;font-size:1rem;transition:all .4s;display:inline-flex;position:relative;transform:translate(-10px)}.card-divisi-home:hover .cdh-arrow{opacity:1;color:#fff;background:#fff3;transform:translate(0)}.struktur-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:16px;height:100%;padding:20px 10px;transition:transform .3s;box-shadow:0 4px 15px #00000008}.struktur-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000000f}.struktur-card img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:90px;height:90px;margin-bottom:15px;transition:transform .3s;box-shadow:0 4px 12px #0f172a1a}.struktur-card:hover img{transform:scale(1.05)}.struktur-card h6{color:#1e293b;margin-bottom:4px;font-size:1rem;font-weight:700;line-height:1.3}.struktur-card .jabatan{color:var(--upucc-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.prestasi-card img{object-fit:contain;background-color:#f8f9fa;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}.upucc-navbar{padding:12px 0}.upucc-navbar .nav-link{position:relative;padding:8px 12px!important}.upucc-navbar .nav-item:not(.dropdown) .nav-link:after{content:"";background-color:var(--upucc-accent);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.upucc-navbar .nav-item:not(.dropdown) .nav-link:hover:after,.upucc-navbar .nav-item:not(.dropdown) .nav-link.active:after{width:80%}.upucc-navbar .dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #0000000d;min-width:220px;padding:10px;box-shadow:0 10px 30px #0000001a}.upucc-navbar .dropdown-item{color:var(--text-dark);border-radius:8px;align-items:center;font-weight:500;transition:all .2s;display:flex}.upucc-navbar .dropdown-item:hover{color:var(--upucc-primary);background-color:#24acdf1a;transform:translate(5px)}.hover-lift{transition:transform .2s,box-shadow .2s!important}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d!important}.tracking-wide{letter-spacing:1.5px}.upucc-navbar .navbar-toggler{z-index:1050;position:relative}.info-hero-banner{background:linear-gradient(135deg,#002a54 0%,#0a4a8c 40%,#24acdf 100%);align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.info-hero-banner:before{content:"";background:radial-gradient(circle at 20%,#24acdf40 0%,#0000 50%),radial-gradient(circle at 80% 20%,#f2a90026 0%,#0000 40%);position:absolute;inset:0}.info-hero-content{z-index:2;color:#fff;padding:70px 0 90px;position:relative}.info-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;align-items:center;margin-bottom:20px;padding:6px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.info-hero-title{color:#fff;text-shadow:0 2px 20px #0000004d;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2}.info-hero-highlight{background:linear-gradient(120deg,#f2a900,#ffd460);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.info-hero-subtitle{color:#fffc;max-width:600px;margin:0;font-size:1.1rem;line-height:1.6}.info-hero-wave{height:80px;position:absolute;bottom:0;left:0;right:0}.info-hero-wave svg{width:100%;height:100%;display:block}.info-umum-card{background:#fff;border:1px solid #24acdf1a;border-radius:20px;align-items:flex-start;gap:24px;padding:36px;transition:box-shadow .3s;display:flex;box-shadow:0 10px 40px #002a5414}.info-umum-card:hover{box-shadow:0 20px 60px #002a541f}.info-umum-icon{background:linear-gradient(135deg, var(--upucc-primary), var(--upucc-secondary));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:flex;box-shadow:0 8px 20px #002a5440}.info-umum-title{color:var(--upucc-primary);margin-bottom:12px;font-size:1.3rem;font-weight:700}.info-umum-text{color:var(--text-light);white-space:pre-line;margin:0;line-height:1.8}@media (width<=576px){.info-umum-card{flex-direction:column;padding:24px}}.card-divisi-info{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.card-divisi-info:hover{border-color:#24acdf4d;transform:translateY(-8px);box-shadow:0 24px 50px #002a5426}.card-divisi-info .divisi-img-wrap{justify-content:center;padding:28px 28px 0;display:flex}.card-divisi-info .divisi-logo{object-fit:contain;background:#f8fafc;border:3px solid #f1f5f9;border-radius:50%;width:90px;height:90px;padding:6px;transition:transform .3s;box-shadow:0 4px 16px #0000001a}.card-divisi-info:hover .divisi-logo{transform:scale(1.1)rotate(3deg)}.card-divisi-info .divisi-body{text-align:center;flex-direction:column;flex-grow:1;padding:20px 24px 24px;display:flex}.card-divisi-info .divisi-name{color:var(--upucc-primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.card-divisi-info .divisi-desc{color:var(--text-light);flex-grow:1;margin-bottom:20px;font-size:.875rem;line-height:1.6}.card-divisi-info .divisi-btn-wrap{justify-content:center;display:flex}.card-divisi-info .divisi-btn{background:linear-gradient(135deg, var(--upucc-secondary), var(--upucc-primary));color:#fff;border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 22px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #24acdf4d}.card-divisi-info .divisi-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #24acdf73}.divisi-hero-banner{background:linear-gradient(135deg,#002a54 0%,#0a4a8c 50%,#1a7bc4 100%);align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.divisi-hero-banner:before{content:"";background:radial-gradient(at 10% 60%,#24acdf4d 0%,#0000 50%),radial-gradient(at 90% 30%,#f2a90033 0%,#0000 45%);position:absolute;inset:0}.divisi-hero-content{z-index:2;color:#fff;text-align:center;width:100%;padding:80px 0 100px;position:relative}.divisi-hero-wave{height:80px;position:absolute;bottom:0;left:0;right:0}.divisi-hero-wave svg{width:100%;height:100%;display:block}.divisi-hero-logo{object-fit:cover;background:#fff;border:4px solid #ffffffe6;border-radius:50%;width:120px;height:120px;margin:0 auto 20px;padding:8px;animation:3s ease-in-out infinite floatLogo;display:block;box-shadow:0 8px 32px #00000059}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.divisi-hero-name{color:#fff;text-shadow:0 2px 16px #0000004d;margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.divisi-hero-name .highlight{background:linear-gradient(120deg,#f2a900,#ffd460);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.divisi-hero-desc{color:#ffffffd9;max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.7}.pengurus-card{text-align:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;height:100%;padding:28px 16px 24px;transition:all .35s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 4px 20px #0000000d}.pengurus-card:hover{border-color:#24acdf4d;transform:translateY(-8px);box-shadow:0 20px 50px #002a5426}.pengurus-card-img-wrap{margin-bottom:16px;display:inline-block;position:relative}.pengurus-card img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:90px;height:90px;transition:transform .3s;box-shadow:0 4px 16px #00000026}.pengurus-card:hover img{transform:scale(1.08)}.pengurus-card h6{color:#1e293b;margin-bottom:4px;font-size:.95rem;font-weight:700;line-height:1.3}.pengurus-card .jabatan-text{color:var(--upucc-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.pengurus-card.is-leader{background:linear-gradient(145deg,#fffbeb,#fff);border-color:#f2a90066;box-shadow:0 6px 24px #f2a9001f}.pengurus-card.is-leader img{border-color:var(--upucc-accent);box-shadow:0 4px 16px #f2a9004d}.btn-back-divisi{border:2px solid var(--upucc-primary);color:var(--upucc-primary);background:#fff;border-radius:50px;align-items:center;gap:8px;padding:12px 30px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #002a541a}.btn-back-divisi:hover{background:var(--upucc-primary);color:#fff;transform:translate(-4px);box-shadow:0 8px 24px #002a5440}