:root{--cti-blue: #033df5;--cti-hover: #022bb0;--bs-primary: #033df5;--bs-link-color: #033df5;--bs-link-hover-color: #022bb0;--radius-card: 24px;--radius-section: 30px;--radius-btn: 50px}body{font-family:Poppins,sans-serif;background-color:#f2f4f6;transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;min-height:100vh}.transition-all{transition:all .3s cubic-bezier(.25,.8,.25,1)}.transition-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}.hover-shadow:hover{transform:translateY(-5px);box-shadow:0 1rem 3rem #00000026!important}.hover-up{transition:transform .3s ease,box-shadow .3s ease}.hover-up:hover{transform:translateY(-3px)!important;box-shadow:0 15px 30px #0000001a!important}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.object-fit-cover{object-fit:cover}.ls-1{letter-spacing:1px}.ls-2{letter-spacing:2px}.rotate-2{transform:rotate(2deg)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}[data-bs-theme=dark] body{background-color:#0f172a!important;color:#e2e8f0!important}[data-bs-theme=dark] .bg-white{background-color:#1e293b!important}[data-bs-theme=dark] .bg-light{background-color:#0f172a!important}[data-bs-theme=dark] .text-dark{color:#f8fafc!important}[data-bs-theme=dark] .text-muted{color:#94a3b8!important}[data-bs-theme=dark] h1,[data-bs-theme=dark] h2,[data-bs-theme=dark] h3,[data-bs-theme=dark] h4{color:#f8fafc}.navbar{padding:12px 0;background-color:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:none!important;border-bottom:1px solid rgba(0,0,0,.08);transition:all .3s}.navbar-brand{font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:8px;color:var(--bs-body-color)}.nav-link{font-weight:500;font-size:.95rem;margin:0 5px;transition:.3s;color:var(--bs-body-color);opacity:.8}.nav-link:hover,.nav-link.active{opacity:1;color:var(--cti-blue)!important}.btn-cti-nav{background-color:var(--cti-blue);color:#fff!important;border-radius:var(--radius-btn);padding:6px 20px;font-size:.9rem;font-weight:600;border:none;transition:.3s}.btn-cti-nav:hover{background-color:var(--cti-hover);transform:translateY(-1px)}.btn-nav-auth{font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:42px;display:flex;align-items:center}.cti-hover-login{background:transparent!important;border-color:var(--bs-primary)!important}.cti-hover-login:hover{background:var(--bs-primary)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px #0d6efd4d!important}.cti-hover-register{background:var(--bs-primary-gradient)!important;border-color:var(--bs-primary)!important}.cti-hover-register:hover{background:var(--bs-primary)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 12px 35px #0d6efd66!important;border-color:var(--bs-primary)!important}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{border-radius:12px;padding:10px;box-shadow:0 10px 30px #0000001a;border:none}.dropdown-item{border-radius:8px;padding:8px 15px;font-size:.9rem;font-weight:500;transition:.2s}.dropdown-item:hover{background-color:#033df50d;color:var(--cti-blue);transform:translate(5px)}@media(min-width:992px){.hover-dropdown{position:relative!important;height:100%;display:flex;align-items:center}.nav-item.dropdown>a:first-child{position:relative;z-index:10}.hover-dropdown:hover .dropdown-menu{display:block;animation:dropdownSlide .3s cubic-bezier(.165,.84,.44,1) forwards}.dropdown-menu{position:absolute!important;top:100%!important;left:0!important;right:auto!important;margin-top:15px!important;min-width:200px;display:none;z-index:5}.dropdown-menu:before{content:"";display:block;position:absolute;bottom:100%;left:0;width:100%;height:20px;background:transparent}.nav-item.dropdown .dropdown-toggle{display:none!important}}@media(max-width:991px){.navbar-collapse{position:absolute;top:100%;left:0;width:100%;z-index:9999;padding:0;background-color:#fff;box-shadow:0 15px 40px #00000026;border-bottom-left-radius:20px;border-bottom-right-radius:20px;max-height:85vh;overflow-y:auto}.navbar-nav{width:100%;padding:20px;padding-top:1rem;padding-bottom:1rem}.nav-item{width:100%;border-bottom:1px solid rgba(0,0,0,.05)}.nav-item:last-child{border-bottom:none}.nav-link{text-align:left!important;width:100%;padding:14px 0!important;margin:0!important;font-weight:600;color:var(--bs-body-color);display:block}.nav-item.dropdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0!important}.nav-item.dropdown>a:first-child{text-align:left!important;width:auto!important;flex-grow:1;padding:14px 0!important;font-weight:600;color:var(--bs-body-color)}.nav-item.dropdown .dropdown-toggle{display:flex!important;align-items:center;justify-content:center;width:50px;height:50px;color:var(--bs-body-color);margin-left:0;cursor:pointer}.dropdown-toggle:after{display:none!important}.nav-item.dropdown .dropdown-toggle[aria-expanded=true] i{transform:rotate(135deg);color:var(--cti-blue);transition:transform .3s ease}.dropdown-menu{position:static!important;transform:none!important;float:none;display:none;width:100%;flex-basis:100%;margin:0 0 15px!important;padding:10px 0 10px 15px!important;background-color:#f8f9fa!important;border:none!important;box-shadow:none!important;border-radius:8px;border-left:3px solid var(--cti-blue)}.dropdown-menu.show{display:block;animation:none!important}.dropdown-menu .dropdown-item{padding:10px 15px;font-weight:500;font-size:.9rem;color:#000000b3;background:transparent!important}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{color:var(--cti-blue);background:transparent!important;transform:translate(5px)}[data-bs-theme=dark] .navbar-collapse{background-color:#212529!important}[data-bs-theme=dark] .dropdown-menu{background-color:#2c3034!important;border-left:3px solid #0d6efd}[data-bs-theme=dark] .nav-item{border-bottom:1px solid rgba(255,255,255,.1)}[data-bs-theme=dark] .nav-link,[data-bs-theme=dark] .nav-item.dropdown>a:first-child,[data-bs-theme=dark] .dropdown-toggle{color:#ffffffe6}[data-bs-theme=dark] .dropdown-menu .dropdown-item{color:#fff9;border-left-color:#fff3}[data-bs-theme=dark] .dropdown-menu .dropdown-item:hover{color:#fff}.btn-nav-auth{font-size:.8rem!important;padding-left:1rem!important;padding-right:1rem!important}.w-lg-auto{width:auto!important}}@media(max-width:575.98px){.navbar-brand{font-size:.9rem;max-width:75%}.navbar-brand img{height:28px}.navbar-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}}[data-bs-theme=dark] .navbar{background-color:#0f172af2!important;border-bottom-color:#ffffff0d}[data-bs-theme=dark] .nav-link{color:#cbd5e1!important}[data-bs-theme=dark] .nav-link:hover,[data-bs-theme=dark] .nav-link.active{color:#60a5fa!important}[data-bs-theme=dark] .navbar-brand{color:#fff!important}[data-bs-theme=dark] .dropdown-menu{background-color:#1e293b;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0000004d}[data-bs-theme=dark] .dropdown-item{color:#cbd5e1}[data-bs-theme=dark] .dropdown-item:hover{background-color:#ffffff1a;color:#fff}[data-bs-theme=dark] .btn-outline-primary.cti-hover-login{border-color:var(--bs-primary)!important;color:var(--bs-primary)!important}[data-bs-theme=dark] .cti-hover-login:hover{background:var(--bs-primary)!important;color:#fff!important}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;padding-bottom:250px;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#fffffff2,#ffffffd9,#fff3);z-index:1}.hero-content{position:relative;z-index:2;text-align:left;max-width:700px}.hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-1px;color:#000;margin-bottom:20px;line-height:1.2}.hero-desc{font-size:1.15rem;color:#667085;margin-bottom:30px;line-height:1.6}.hero-btns{display:flex;gap:15px;justify-content:flex-start}.btn-hero{background:var(--cti-blue);color:#fff;padding:12px 35px;border-radius:var(--radius-btn);font-weight:600;border:2px solid var(--cti-blue);transition:.3s;text-decoration:none;box-shadow:0 10px 20px #033df533}.btn-hero:hover{background:#002db3;color:#fff;transform:translateY(-3px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.floating-logo{max-height:220px;width:auto;max-width:100%;filter:drop-shadow(0 5px 15px rgba(255,255,255,.6));animation:float 4s ease-in-out infinite}.min-vh-50{min-height:50vh}@media(max-width:991px){.hero-section{text-align:center}.hero-overlay{background:#ffffffe6}.hero-content{margin:0 auto;text-align:center!important}.hero-btns{justify-content:center;justify-content:center!important}.hero-title{font-size:2.8rem}.floating-logo{max-height:150px;margin-top:20px}.min-vh-50{min-height:auto!important;padding-top:100px!important;padding-bottom:50px!important}}[data-bs-theme=dark] .hero-section{background-color:#0f172a!important}[data-bs-theme=dark] .hero-title{color:#fff!important}[data-bs-theme=dark] .hero-overlay{background:linear-gradient(90deg,#0f172a,#0f172ae6 60%,#0f172ab3)}.stats-container{background:#fff;border-radius:32px;padding:20px;margin-top:-250px;position:relative;z-index:20;box-shadow:0 20px 50px -10px #00000026;max-width:1100px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,.05)}.stats-card{border-radius:20px;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:.3s}.stats-card:hover{transform:translateY(-5px)}.stats-card.blue{background-color:var(--cti-blue);color:#fff;box-shadow:0 10px 20px #033df54d}.stats-card.blue .stats-num,.stats-card.blue .stats-label{color:#fff}.stats-num{font-size:2.2rem;font-weight:800;margin-bottom:5px;line-height:1;color:#111827}.stats-label{font-size:.9rem;font-weight:600;color:#667085}[data-bs-theme=dark] .stats-container{background-color:#1e293b!important;border-color:#ffffff0d;color:#f8fafc}[data-bs-theme=dark] .stats-num{color:#f8fafc}.card{border-radius:var(--radius-card, 24px)!important;background-color:var(--bs-card-bg);border-color:var(--bs-border-color-translucent)}.btn-hero,.btn-primary,.btn-outline-primary{border-radius:var(--radius-btn, 50px)!important}.feature-card-interactive,.jurusan-card,.program-card,.news-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-card);padding:30px;height:100%;display:flex;flex-direction:column;transition:.3s;box-shadow:0 12px 30px -10px #0000001a;position:relative;overflow:hidden}.feature-card-interactive:hover,.jurusan-card:hover,.program-card:hover,.news-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -5px #033df54d;border-color:var(--cti-blue)}.feature-card-interactive:hover,.jurusan-card:hover{background-color:var(--cti-blue)}.feature-card-interactive:hover *,.jurusan-card:hover *{color:#fff!important}.feature-icon-wrapper,.jurusan-img-wrapper{width:65px;height:65px;border-radius:18px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:25px;transition:.3s}.feature-icon-wrapper i{font-size:1.75rem;color:var(--cti-blue)}.feature-card-interactive:hover .feature-icon-wrapper,.jurusan-card:hover .jurusan-img-wrapper{background:#fff3}.jurusan-card{justify-content:space-between}.jurusan-card:hover .jurusan-link{background:#fff3}.jurusan-img{width:100%;height:100%;object-fit:cover}.program-icon-box{display:flex;align-items:center;justify-content:center;min-height:220px}.program-content-box{padding:30px;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.program-card .row{flex-direction:column}.program-icon-box{width:100%;min-height:180px}.program-content-box{width:100%;text-align:center}}[data-bs-theme=dark] .card{background-color:#1e293b!important;border-color:#ffffff0d!important;color:#e2e8f0!important}[data-bs-theme=dark] .program-card,[data-bs-theme=dark] .feature-card-interactive,[data-bs-theme=dark] .jurusan-card,[data-bs-theme=dark] .news-card{background-color:#1e293b!important;border-color:#ffffff0d;color:#f8fafc}.news-card{border:none;padding:0}.news-header{background:linear-gradient(135deg,var(--cti-blue) 0%,#011a6e 100%)!important;padding:120px 0 80px;border-bottom-left-radius:var(--radius-section);border-bottom-right-radius:var(--radius-section)}.news-content-wrapper{margin-top:-50px;position:relative;z-index:2}.article-content{line-height:1.8;font-size:1.05rem;text-align:justify}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.arrow-move{transition:transform .3s ease}.hover-up:hover .arrow-move{transform:translate(5px)}.avatar-small{width:45px;height:45px;object-fit:cover}.badge-role{font-size:.6rem}.pagination{gap:5px}.pagination .page-link{border-radius:8px!important;border:none;background:#fff;color:var(--cti-blue);box-shadow:0 2px 5px #0000000d}.pagination .page-item.active .page-link{background-color:var(--cti-blue);color:#fff}[data-bs-theme=dark] .news-title-link{color:#f8fafc!important}.custom-table thead th{letter-spacing:.5px;border-bottom:2px solid #f1f1f1}.custom-table tbody td{padding-top:18px;padding-bottom:18px;border-bottom:1px solid #f8f8f8}[data-bs-theme=dark] .custom-table thead th{background-color:#1e293b;color:#cbd5e1!important;border-color:#ffffff0d}[data-bs-theme=dark] .custom-table tbody td{border-color:#ffffff0d}.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-height:4.8em}.avatar-placeholder{width:90px;height:90px;background:linear-gradient(135deg,var(--cti-blue) 0%,#011a6e 100%)}.icon-box{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.form-control:focus,.form-select:focus{background-color:#fff!important;border:1px solid var(--cti-blue)!important;box-shadow:none}#galeri .card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #033df54d!important;border-color:#033df54d!important}footer{background:linear-gradient(135deg,#011a6e 0%,var(--cti-blue) 100%);color:#fff!important;margin-top:auto;padding-top:80px;padding-bottom:30px;border-top-left-radius:var(--radius-section);border-top-right-radius:var(--radius-section);position:relative;overflow:hidden}footer h5,footer h4,footer h6{font-weight:700;margin-bottom:25px;color:#fff!important;text-transform:uppercase;letter-spacing:1px}footer ul li{margin-bottom:12px;list-style:none}footer p,footer span,footer small{color:#fffc!important}footer .footer-links a{color:#fffc!important;text-decoration:none;transition:all .3s ease;font-size:.95rem;display:inline-block}footer .footer-links a:hover{color:#ffc107!important;transform:translate(5px)}.social-btn{width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;background:#ffffff1a!important;color:#fff!important;border-radius:12px;margin:0 5px;transition:all .3s ease!important;border:1px solid rgba(255,255,255,.2)!important;transform:none!important}.social-btn i{color:#fff!important}.social-btn:hover{background:#fff!important;transform:translateY(-5px)!important;box-shadow:0 5px 15px #0000004d}.social-btn:hover i{color:var(--cti-blue)!important}.icon-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;transform:translateY(-3px)}.icon-circle i{transform:translateY(2px)}.icon-circle.text-warning i{color:#ffc107!important}.icon-circle.text-success i{color:#198754!important}.icon-circle.text-info i{color:#0dcaf0!important}.contact-info-footer a:hover .icon-circle{transform:scale(1.1);box-shadow:0 0 10px #ffffff4d}.contact-info-footer a:hover .hover-opacity-100{opacity:1!important;color:#fff!important}.partner-logo-link img{transition:all .3s ease;filter:brightness(0) invert(1);opacity:1}.partner-logo-link:hover img{transform:scale(1.05)}footer hr{border-color:#ffffff1a;margin:40px 0 20px}[data-bs-theme=dark] footer{background:linear-gradient(135deg,#020617,#0f172a)}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:99999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-out,visibility .5s ease-out}#preloader.hide{opacity:0;visibility:hidden}.loader-container{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.loader-logo{width:60px;height:auto;object-fit:contain;z-index:2;animation:breathing 1.5s infinite ease-in-out}.loader-icon{font-size:3.5rem;color:var(--bs-primary);z-index:2;animation:breathing 1.5s infinite ease-in-out}.loader-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:#0d6efd;border-right-color:#0d6efd;animation:spin 1s linear infinite;z-index:1}.loader-text{font-family:Poppins,sans-serif;font-weight:600;font-size:.85rem;letter-spacing:3px;text-transform:uppercase;color:#6c757d;margin:0;animation:breathing 1.5s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathing{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.8}}