:root{--primary:#0261c7;--primary-light:#418df0;--primary-dark:#073a75;--accent:#f97316}body{font-family:'Inter',sans-serif;scroll-behavior:smooth;background-color:#f8faff}h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif}.gradient-bg{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-bg{background:linear-gradient(rgba(255,255,255,0.95),rgba(255,255,255,0.98)),url('../gambar/1558494949-ef010cbdcc31.jpg');background-size:cover;background-position:center;background-attachment:fixed}.stats-bg{background:linear-gradient(rgba(7,58,117,0.9),rgba(7,58,117,0.95)),url('../gambar/1558618666-fcd25c85cd64.jpg');background-size:cover;background-position:center}.card-hover{transition:all 0.3s ease;border:1px solid #f1f5f9}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(2,97,199,0.12);border-color:var(--primary-light)}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-light));color:white;transition:all 0.3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(2,97,199,0.2)}.btn-secondary{background-color:white;color:var(--primary);border:2px solid var(--primary);transition:all 0.3s ease}.btn-secondary:hover{background-color:var(--primary);color:white}.testimonial-carousel{scroll-behavior:smooth;scroll-snap-type:x mandatory}.testimonial-slide{scroll-snap-align:start;flex-shrink:0}.coverage-item{transition:all 0.3s ease;border:1px solid #e2e8f0}.coverage-item:hover{background-color:#f8fafc;border-color:var(--primary-light);transform:scale(1.03)}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-12px)}100%{transform:translateY(0px)}}.floating{animation:float 4s ease-in-out infinite}.speed-bar{height:8px;border-radius:4px;background:#e5e7eb;overflow:hidden}.speed-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));width:0;transition:width 1.5s ease-in-out}.section-title{position:relative;display:inline-block;margin-bottom:1rem}.section-title::after{content:'';position:absolute;width:60px;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px}.feature-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:white;font-size:1.8rem}.navbar{backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.95)}.package-popular{position:relative;border:2px solid var(--primary);box-shadow:0 20px 40px rgba(2,97,199,0.15)}.package-popular::before{content:'POPULER';position:absolute;top:15px;right:-15px;background-color:var(--primary-dark);color:white;font-size:0.75rem;font-weight:600;padding:4px 12px;border-radius:4px;transform:rotate(5deg)}.process-step{position:relative;z-index:1}.process-step::before{content:'';position:absolute;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light));top:40px;left:50%;z-index:-1}@media (max-width:768px){.process-step::before{display:none}}html.dark{color-scheme:dark}html.dark body{background-color:#1a1a2e;color:#e0e0e0}html.dark .hero-bg{background:linear-gradient(rgba(26,26,46,0.95),rgba(26,26,46,0.98)),url('../gambar/1558494949-ef010cbdcc31.jpg')}html.dark .stats-bg{background:linear-gradient(rgba(10,20,40,0.9),rgba(10,20,40,0.95)),url('../gambar/1558618666-fcd25c85cd64.jpg')}html.dark .navbar{background-color:rgba(26,26,46,0.95)}html.dark .bg-white{background-color:#16213e !important}html.dark .text-slate-800{color:#e0e0e0 !important}html.dark .text-slate-700{color:#d0d0d0 !important}html.dark .text-slate-600{color:#b0b0b0 !important}html.dark .text-slate-500{color:#909090 !important}html.dark .border-slate-300{border-color:#404040 !important}html.dark .border-slate-200{border-color:#303030 !important}html.dark .bg-gray-100{background-color:#2a2a3e !important}html.dark .hover\:bg-gray-100:hover{background-color:#2a2a3e !important}html.dark .bg-blue-50{background-color:#1e2d4a !important}html.dark .bg-blue-100{background-color:#1e2d4a !important}html.dark .bg-slate-50{background-color:#1a1a2e !important}html.dark section{background-color:inherit}html.dark section.bg-white{background-color:#1a1a2e !important}html.dark section.bg-slate-50{background-color:#1a1a2e !important}html.dark .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.5) !important}html.dark .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.5) !important}html.dark .shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.5) !important}html.dark .bg-gradient-to-br{background:linear-gradient(to bottom right,rgba(2,97,199,0.2),rgba(65,141,240,0.2)) !important}html.dark .card-hover{border-color:#303030 !important}html.dark .card-hover:hover{box-shadow:0 20px 40px rgba(2,97,199,0.25) !important}html.dark .mobile-nav-toggle{color:#e0e0e0}html.dark #mobile-menu{background-color:#16213e;border-color:#303030}html.dark .package-popular{border-color:var(--primary);box-shadow:0 20px 40px rgba(2,97,199,0.25) !important}html.dark .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:white}html.dark .btn-secondary{background-color:#2a2a3e;color:#e0e0e0;border:1px solid #404040}html.dark .btn-secondary:hover{background-color:#303050}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6{color:#e0e0e0}html.dark input,html.dark textarea{background-color:#2a2a3e !important;color:#e0e0e0 !important;border-color:#404040 !important}html.dark input::placeholder,html.dark textarea::placeholder{color:#808080 !important}html.dark input:focus,html.dark textarea:focus{border-color:var(--primary-light) !important;outline:none}html.dark .footer{background-color:#16213e}html.dark .footer .footer-newsletter{background-color:#1a1a2e;border-top-color:#303030}html.dark .footer .footer-top{background:linear-gradient(to right,rgba(26,26,46,1),rgba(26,26,46,0.8)),url('../gambar/footer-bg.png');background-size:contain;border-color:#303030}html.dark .footer h4{color:#e0e0e0}html.dark .footer .footer-links ul a{color:#a0b0ff}html.dark .footer .footer-links ul a:hover{color:var(--primary-light)}html.dark .footer .copyright,html.dark .footer .credits{color:#b0b0b0}html.dark .bg-gradient-to-r{background:linear-gradient(to right,rgba(2,97,199,0.2),rgba(65,141,240,0.2)) !important}html.dark .hover\:bg-slate-100:hover{background-color:#2a2a3e !important}html.dark .text-white{color:white !important}html.dark a{color:var(--primary-light)}html.dark a:hover{color:#418df0}html.dark .blog-item{background-color:#16213e;border-color:#303030}html.dark .testimonial-card{background-color:#16213e;border-color:#303030}html.dark .package-card{background-color:#16213e;border-color:#303030}html.dark .bg-slate-50{background-color:#1a1a2e !important}html.dark .bg-white p,html.dark .bg-white span,html.dark .bg-white h3,html.dark .bg-white h4{color:#e0e0e0}html.dark .feature-icon{color:var(--primary-light)}html.dark .feature-icon i{color:var(--primary-light) !important}html.dark .coverage-item{background-color:#16213e !important;border-color:#303030 !important;color:#e0e0e0 !important}html.dark .coverage-item h3{color:#e0e0e0}html.dark .coverage-item p{color:#b0b0b0}html.dark .blog-grid{color:#e0e0e0}html.dark .blog-card{background-color:#16213e !important;border-color:#303030 !important}html.dark .blog-card-content{background-color:#16213e !important}html.dark .blog-card-title{color:#e0e0e0 !important}html.dark .blog-card-excerpt{color:#b0b0b0 !important}html.dark .blog-card-meta{color:#909090 !important}html.dark .view-all-btn{background-color:var(--primary) !important;color:white !important;border-color:var(--primary) !important}html.dark .view-all-btn:hover{background-color:var(--primary-light) !important;border-color:var(--primary-light) !important}html.dark .faq-item,html.dark [class*="faq"]{background-color:#16213e !important;border-color:#303030 !important}html.dark .bg-white.rounded-xl{background-color:#16213e !important}html.dark .bg-white.rounded-xl h3,html.dark .bg-white.rounded-xl p{color:#e0e0e0}html.dark .bg-white.rounded-xl p{color:#b0b0b0}html.dark section.bg-slate-50{background-color:#1a1a2e !important}html.dark .section-title{color:#e0e0e0 !important}html.dark .stats-bg #counter1,html.dark .stats-bg #counter2,html.dark .stats-bg #counter3,html.dark .stats-bg #counter4{color:#e0e0e0}html.dark .testimonial-card{background-color:#16213e !important;border-color:#303030 !important;color:#b0b0b0 !important}html.dark .testimonial-card h4{color:#e0e0e0 !important}html.dark .process-step{color:#e0e0e0}html.dark .process-step h3{color:#e0e0e0}html.dark .process-step p{color:#b0b0b0}html.dark li{color:#b0b0b0}html.dark li i{color:#22c55e !important}html.dark .bg-gradient-to-r.from-blue-50{background-color:#16213e !important;border-color:#303030 !important}html.dark .bg-gradient-to-r.from-blue-50 h2{color:#e0e0e0}html.dark .bg-gradient-to-r.from-blue-50 p{color:#b0b0b0}html.dark .bg-gradient-to-br.from-primary-dark{background:linear-gradient(to bottom right,rgba(7,58,117,0.8),rgba(2,97,199,0.8)) !important}html.dark .bg-gradient-to-br.from-primary-dark h2,html.dark .bg-gradient-to-br.from-primary-dark h3,html.dark .bg-gradient-to-br.from-primary-dark p{color:white}html.dark .bg-gradient-to-br.from-primary-dark input{background-color:#2a2a3e !important;color:#e0e0e0 !important}html.dark .form-group{color:#e0e0e0}html.dark .form-group label{color:#b0b0b0}html.dark select,html.dark [type="email"],html.dark [type="text"],html.dark [type="tel"],html.dark [type="number"]{background-color:#2a2a3e !important;color:#e0e0e0 !important;border-color:#404040 !important}html.dark .gradient-text{background:linear-gradient(90deg,#418df0,#0261c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}html.dark .prose{color:#b0b0b0}html.dark .prose a{color:#418df0}html.dark .prose strong{color:#e0e0e0}html.dark .prose ul,html.dark .prose ol{color:#b0b0b0}html.dark .border-b,html.dark .border-t,html.dark .border-y{border-color:#303030 !important}html.dark .badge,html.dark [class*="badge"],html.dark [class*="tag"]{background-color:#2a2a3e;color:#e0e0e0;border-color:#404040}html.dark .dropdown-menu{background-color:#16213e !important;color:#e0e0e0}html.dark .dropdown-item{color:#e0e0e0 !important}html.dark .dropdown-item:hover{background-color:#2a2a3e !important;color:#418df0 !important}html.dark .floating{background-color:#16213e !important;border-color:#303030 !important}html.dark .floating span{color:#e0e0e0}html.dark .breadcrumbs{background-color:rgba(7,58,117,0.3) !important;color:#e0e0e0}html.dark .alert{background-color:#2a2a3e !important;border-color:#404040 !important;color:#b0b0b0 !important}html.dark .opacity-90{opacity:0.9;color:rgba(255,255,255,0.9)}html.dark .opacity-80{opacity:0.8;color:rgba(255,255,255,0.8)}html.dark .bg-green-100{background-color:#1e3a2e !important}html.dark .bg-gradient-to-r{background:linear-gradient(to right,rgba(2,97,199,0.15),rgba(65,141,240,0.15)) !important}html.dark .from-primary{--tw-gradient-from:#0261c7 !important}html.dark .to-primary{--tw-gradient-to:#0261c7 !important}html.dark .from-primary-dark{--tw-gradient-from:#073a75 !important}html.dark .to-primary-dark{--tw-gradient-to:#073a75 !important}html.dark .from-primary-light{--tw-gradient-from:#418df0 !important}html.dark .to-primary-light{--tw-gradient-to:#418df0 !important}html.dark .gradient-bg{background:linear-gradient(135deg,#0261c7 0%,#418df0 100%) !important}html.dark .border{border-color:#303030 !important}html.dark .border-l-4{border-color:#303030 !important}html.dark .border-blue-100{border-color:#1e2d4a !important}html.dark .bg-slate-800{background-color:#0f1520 !important}html.dark .prose{color:#b0b0b0}html.dark .prose code{background-color:#2a2a3e !important;color:#87ceeb !important}html.dark [class*="card"]{background-color:#16213e !important}html.dark [class*="card"]:not(.btn-primary):not(.btn-secondary){border-color:#303030 !important}html.dark .w-12,html.dark .w-10,html.dark .w-14,html.dark .w-20{color:inherit}html.dark .rounded-full{background-color:inherit}html.dark em,html.dark i:not([class*="fa"]){color:inherit}html.dark *{color-scheme:dark}html.dark .speed-bar{background-color:#2a2a3e !important}html.dark .speed-fill{background:linear-gradient(90deg,#0261c7,#418df0) !important}html.dark .text-amber-400{color:#fbbf24 !important}html.dark .text-green-500{color:#22c55e !important}html.dark .text-green-600{color:#16a34a !important}html.dark .bg-gradient-br{background:linear-gradient(to bottom right,rgba(2,97,199,0.15),rgba(65,141,240,0.15)) !important}html.dark .backdrop-blur-sm{backdrop-filter:blur(4px)}html.dark input:invalid{border-color:#ef4444 !important}html.dark input:valid{border-color:#22c55e !important}html.dark [class*="section"],html.dark [class*="container"]{background-color:inherit}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.instagram-post{transition:all 0.3s ease;border:1px solid #e5e7eb}.instagram-post:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.instagram-post img{transition:transform 0.3s ease}.instagram-post .group:hover img{transform:scale(1.05)}.instagram-post p{font-size:0.875rem;line-height:1.5;color:#4b5563;margin-bottom:0.75rem}.instagram-post .text-primary{color:#0261c7;font-weight:500}.instagram-post .text-slate-400{color:#9ca3af}html.dark .instagram-post{background-color:#16213e !important;border-color:#303030 !important}html.dark .instagram-post p{color:#d1d5db !important}html.dark .instagram-post .text-slate-400{color:#6b7280 !important}html.dark .instagram-post:hover{box-shadow:0 10px 25px rgba(0,0,0,0.3)}.navbar{background:rgba(255,255,255,0.65) !important;backdrop-filter:blur(20px) saturate(180%) brightness(1.05) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.05) !important;border:1px solid rgba(255,255,255,0.5) !important;box-shadow:0 4px 20px rgba(0,0,0,0.04),inset 0 1px 1px rgba(255,255,255,0.8) !important}.navbar.scrolled{background:rgba(255,255,255,0.75) !important;box-shadow:0 10px 25px rgba(0,0,0,0.08),inset 0 1px 1px rgba(255,255,255,0.8) !important}.mobile-menu{background:rgba(255,255,255,0.8) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.5) !important}html.dark .navbar{background:rgba(15,23,42,0.65) !important;backdrop-filter:blur(20px) saturate(160%) brightness(0.9) !important;-webkit-backdrop-filter:blur(20px) saturate(160%) brightness(0.9) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 25px rgba(0,0,0,0.35),inset 0 1px 1px rgba(255,255,255,0.05) !important}html.dark .navbar.scrolled{background:rgba(15,23,42,0.8) !important;box-shadow:0 12px 30px rgba(0,0,0,0.45),inset 0 1px 1px rgba(255,255,255,0.05) !important}html.dark .logo-text h2{color:#ffffff !important}html.dark .logo-text p{color:rgba(255,255,255,0.5) !important}html.dark .nav-link{color:rgba(255,255,255,0.8) !important}html.dark .nav-link:hover{background:rgba(255,255,255,0.08) !important;color:#60a5fa !important}html.dark .nav-link.active{background:rgba(59,130,246,0.15) !important;color:#60a5fa !important}html.dark .mobile-menu{background:rgba(15,23,42,0.85) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 8px 32px rgba(0,0,0,0.4) !important}html.dark .mobile-menu-link{color:rgba(255,255,255,0.85) !important;border-bottom:1px solid rgba(255,255,255,0.05) !important}html.dark .mobile-menu-link:hover{background:rgba(255,255,255,0.05) !important;color:#60a5fa !important}.stats-glass{background:rgba(248,250,252,0.4) !important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.5) !important;border-bottom:1px solid rgba(255,255,255,0.5) !important}.stat-glass-item{background:rgba(255,255,255,0.55) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.6) !important;box-shadow:0 4px 15px rgba(0,0,0,0.02),inset 0 1px 1px rgba(255,255,255,0.8)}.stat-value{color:#0f172a !important}.stat-label{color:#64748b !important}html.dark .stats-glass{background:rgba(15,23,42,0.4) !important;border-top:1px solid rgba(255,255,255,0.05) !important;border-bottom:1px solid rgba(255,255,255,0.05) !important;box-shadow:none !important}html.dark .stat-glass-item{background:rgba(30,41,59,0.4) !important;border:1px solid rgba(255,255,255,0.05) !important;box-shadow:0 4px 20px rgba(0,0,0,0.15) !important}html.dark .stat-glass-item:hover{background:rgba(30,41,59,0.6) !important;border-color:rgba(59,130,246,0.4) !important}html.dark .stat-value{color:#ffffff !important}html.dark .stat-label{color:#94a3b8 !important}.visi-misi-glass,.feature-glass,.concentration-glass,.testimonial-glass{background:rgba(255,255,255,0.55) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.6) !important;box-shadow:0 8px 32px rgba(0,0,0,0.03),inset 0 1px 1px rgba(255,255,255,0.8) !important}.visi-misi-glass:hover,.feature-glass:hover,.concentration-glass:hover,.testimonial-glass:hover{background:rgba(255,255,255,0.75) !important;border-color:rgba(59,130,246,0.25) !important;box-shadow:0 12px 40px rgba(59,130,246,0.08) !important}.icon-wrap{background:rgba(59,130,246,0.08) !important;border:1px solid rgba(59,130,246,0.15) !important;color:#3b82f6 !important}html.dark body{background-color:#0b0f19 !important;color:#cbd5e1 !important}html.dark .bg-white{background-color:#0b0f19 !important}html.dark .bg-slate-50{background-color:#0b0f19 !important}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6{color:#ffffff !important}html.dark p,html.dark span,html.dark li{color:#cbd5e1 !important}html.dark a:not(.btn-glass-primary):not(.btn-glass):not(.btn-glass-cta):not(.pmb-btn):not(.nav-link):not(.mobile-menu-link):not(.cat-pill){color:#60a5fa !important}html.dark a:not(.btn-glass-primary):not(.btn-glass):not(.btn-glass-cta):not(.pmb-btn):not(.nav-link):not(.mobile-menu-link):not(.cat-pill):hover{color:#93c5fd !important}html.dark section,html.dark main,html.dark .section-glass,html.dark .section-glass-alt,html.dark .events-container,html.dark .bg-slate-100{background-color:#0b0f19 !important;background:#0b0f19 !important}html.dark .visi-misi-glass,html.dark .feature-glass,html.dark .concentration-glass,html.dark .testimonial-glass,html.dark .event-card,html.dark .blog-card-glass,html.dark .news-card,html.dark .dosen-card,html.dark .bg-slate-50.rounded-xl{background-color:rgba(30,41,59,0.45) !important;background:rgba(30,41,59,0.45) !important;border-color:rgba(255,255,255,0.05) !important;box-shadow:0 10px 40px rgba(0,0,0,0.3) !important}html.dark .visi-misi-glass:hover,html.dark .feature-glass:hover,html.dark .concentration-glass:hover,html.dark .testimonial-glass:hover,html.dark .event-card:hover,html.dark .blog-card-glass:hover,html.dark .news-card:hover,html.dark .bg-slate-50.rounded-xl:hover{background:rgba(30,41,59,0.65) !important;box-shadow:0 15px 40px rgba(59,130,246,0.15) !important;border-color:rgba(59,130,246,0.4) !important}html.dark .icon-wrap{background:rgba(15,23,42,0.6) !important;border-color:rgba(255,255,255,0.05) !important;color:#60a5fa !important}html.dark .section-badge{background:rgba(59,130,246,0.15) !important;color:#60a5fa !important;border-color:rgba(59,130,246,0.3) !important}html.dark .section-header h2{color:#ffffff !important}html.dark .section-header p{color:#94a3b8 !important}html.dark .text-slate-500,html.dark .text-slate-600,html.dark .text-slate-400{color:#94a3b8 !important}html.dark .blog-card-title,html.dark .news-card-title,html.dark .blog-title{color:#ffffff !important}html.dark .blog-card-excerpt,html.dark .news-card-excerpt,html.dark .blog-card-meta,html.dark .news-card-foot{color:#94a3b8 !important}html.dark .news-card-foot{border-top-color:rgba(255,255,255,0.08) !important}html.dark .blog-details-card,html.dark .content-page-glass,html.dark .event-main-info{background:rgba(17,24,39,0.75) !important;border-color:rgba(255,255,255,0.08) !important;color:#cbd5e1 !important}html.dark .author-block{background:rgba(30,41,59,0.5) !important;border-color:rgba(255,255,255,0.08) !important}html.dark .search-box{background:rgba(30,41,59,0.6) !important;border-color:rgba(255,255,255,0.08) !important}html.dark .search-box input{color:#ffffff !important}html.dark .cat-pill{background:rgba(255,255,255,0.05) !important;color:#94a3b8 !important;border:1px solid rgba(255,255,255,0.05) !important}html.dark .cat-pill:hover,html.dark .cat-pill.active{background:#3b82f6 !important;color:#ffffff !important;border-color:#3b82f6 !important}html.dark .share-btn{border-color:rgba(255,255,255,0.08) !important;color:#ffffff !important}html.dark .tab-btn{color:#94a3b8 !important}html.dark .tab-btn.active{background-color:rgba(59,130,246,0.15) !important;border-color:rgba(59,130,246,0.3) !important;color:#60a5fa !important}html.dark .tab-btn:hover:not(.active){background-color:rgba(255,255,255,0.05) !important;color:#60a5fa !important}html.dark table{border-color:rgba(255,255,255,0.08) !important}html.dark table thead tr,html.dark table tr.bg-slate-100{background-color:#1f2937 !important}html.dark table th{color:#ffffff !important;border-bottom-color:rgba(255,255,255,0.1) !important}html.dark table td{color:#cbd5e1 !important;border-bottom-color:rgba(255,255,255,0.05) !important}html.dark table tbody tr:hover{background-color:rgba(255,255,255,0.02) !important}html.dark .mesh-gradient-container{background:radial-gradient(circle at 10% 20%,rgba(59,130,246,0.12) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(147,51,234,0.12) 0%,transparent 40%),#111827 !important;border-color:rgba(255,255,255,0.08) !important}html.dark .glass-spotlight-card{background:rgba(17,24,39,0.8) !important;border-color:rgba(255,255,255,0.08) !important}html.dark .alumni-detail-nama{color:#ffffff !important}html.dark .alumni-detail-usaha{color:#cbd5e1 !important}html.dark .alumni-detail-divider{border-top-color:rgba(255,255,255,0.08) !important}html.dark .alumni-detail-label{color:#94a3b8 !important}html.dark .alumni-detail-avatar-container{background:#1f2937 !important}html.dark .alumni-detail-quote-box{background:rgba(255,255,255,0.02) !important;border-color:rgba(255,255,255,0.08) !important}html.dark .alumni-detail-quote-text{color:#cbd5e1 !important}html.dark .sphere-center-glow{background:radial-gradient(circle,rgba(59,130,246,0.2) 0%,rgba(59,130,246,0) 70%) !important}html.dark .sphere-tooltip{background:rgba(17,24,39,0.9) !important;color:#ffffff !important;border-color:rgba(255,255,255,0.1) !important}html.dark .flyer-container{background:#111827 !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 10px 40px rgba(0,0,0,0.3) !important}html.dark .info-grid{border-bottom-color:rgba(255,255,255,0.08) !important}html.dark .info-icon{background:rgba(59,130,246,0.2) !important;color:#60a5fa !important}html.dark footer,html.dark .footer{background-color:#030712 !important;border-top:1px solid rgba(255,255,255,0.05)}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark)}.navbar{background:white}.blog-card{transition:transform 0.3s,box-shadow 0.3s;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.15)}.blog-card-image{height:200px;background:#f0f0f0;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-content{padding:20px}.blog-card-title{font-size:16px;font-weight:600;color:#333;margin-bottom:10px;min-height:40px}.blog-card-meta{font-size:12px;color:#999;margin-bottom:10px}.blog-card-excerpt{font-size:14px;color:#666;line-height:1.5;margin-bottom:15px;min-height:60px}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:15px}.badge-category{display:inline-block;background:var(--primary);color:white;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}.section-blog{padding:60px 20px;background:#f9f9f9}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:32px;font-weight:700;color:#333;margin-bottom:10px}.section-title p{font-size:16px;color:#666}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.view-all-btn{display:inline-block;margin-top:40px;padding:12px 30px;background:var(--primary);color:white;text-decoration:none;border-radius:5px;font-weight:600;transition:background 0.3s}.view-all-btn:hover{background:var(--primary-dark)}.cms-link{color:var(--primary);text-decoration:none;font-weight:600}.cms-link:hover{text-decoration:underline}.admin-badge{position:fixed;bottom:20px;right:20px;background:var(--primary);color:white;padding:10px 20px;border-radius:50px;text-decoration:none;font-weight:600;box-shadow:0 4px 12px rgba(102,126,234,0.4);transition:all 0.3s;z-index:100}.admin-badge:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 16px rgba(102,126,234,0.5)}:root{--glass-bg:rgba(255,255,255,0.7);--glass-bg-strong:rgba(255,255,255,0.85);--glass-border:rgba(255,255,255,0.9);--glass-border-subtle:rgba(255,255,255,0.4);--glass-shadow:0 4px 24px rgba(0,0,0,0.04);--glass-shadow-hover:0 10px 32px rgba(0,0,0,0.08);--glass-blur:blur(24px) saturate(140%);--glass-blur-strong:blur(32px) saturate(160%);--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--accent-blue:#616161;--accent-indigo:#c4c4c4;--accent-violet:#969696;--mesh-1:radial-gradient(ellipse at 10% 40%,rgba(226,232,240,0.4) 0%,transparent 60%);--mesh-2:radial-gradient(ellipse at 85% 15%,rgba(219,234,254,0.3) 0%,transparent 60%);--mesh-3:radial-gradient(ellipse at 50% 85%,rgba(241,245,249,0.5) 0%,transparent 60%)}.mesh-bg{position:fixed;inset:0;z-index:-1;background:var(--mesh-1),var(--mesh-2),var(--mesh-3),linear-gradient(135deg,#f8fafc 0%,#f1f5f9 30%,#f8fafc 60%,#e2e8f0 100%);animation:meshFloat 20s ease-in-out infinite}@keyframes meshFloat{0%,100%{background-position:0% 0%,100% 0%,50% 100%}33%{background-position:30% 20%,70% 40%,20% 80%}66%{background-position:10% 40%,90% 10%,60% 60%}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;overflow:hidden}.glass-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);pointer-events:none}.glass-card:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-4px);border-color:rgba(255,255,255,0.6)}.glass-card-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);position:relative}.glass-card-strong::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.9),transparent);pointer-events:none}.hero-glass{position:relative;padding:120px 0 80px;overflow:hidden;background:radial-gradient(ellipse at 30% 0%,rgba(59,130,246,0.12) 0%,transparent 60%),radial-gradient(ellipse at 70% 100%,rgba(139,92,246,0.08) 0%,transparent 60%),linear-gradient(135deg,#f8faff 0%,#eef2ff 100%)}.hero-glass::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,0.08) 0%,transparent 70%);border-radius:50%;animation:heroOrb1 15s ease-in-out infinite}.hero-glass::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,0.06) 0%,transparent 70%);border-radius:50%;animation:heroOrb2 18s ease-in-out infinite}@keyframes heroOrb1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,30px) scale(1.1)}}@keyframes heroOrb2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-20px) scale(1.15)}}.hero-glass .hero-content{position:relative;z-index:2}.section-glass{position:relative;padding:80px 0;overflow:hidden}.section-glass-alt{position:relative;padding:80px 0;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,0.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(139,92,246,0.04) 0%,transparent 50%),linear-gradient(180deg,#f8faff 0%,#ffffff 50%,#f8faff 100%)}.stats-glass{position:relative;padding:60px 0;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 50%,#6366f1 100%);overflow:hidden}.stats-glass::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,0.05) 0%,transparent 50%);pointer-events:none}.stat-glass-item{background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-md);padding:28px 20px;text-align:center;transition:all 0.3s ease}.stat-glass-item:hover{background:rgba(255,255,255,0.18);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.stat-glass-item .stat-value{font-size:2rem;font-weight:800;color:white;line-height:1.2;margin-bottom:6px}.stat-glass-item .stat-label{font-size:0.9rem;color:rgba(255,255,255,0.85);font-weight:500}.feature-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;overflow:hidden}.feature-glass::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent)}.feature-glass:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.3)}.feature-glass .icon-wrap{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(99,102,241,0.1));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;color:var(--accent-blue);transition:all 0.3s ease}.feature-glass:hover .icon-wrap{background:linear-gradient(135deg,var(--accent-blue),var(--accent-indigo));color:white;transform:scale(1.1)}.testimonial-glass{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden;transition:all 0.3s ease}.testimonial-glass:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-hover)}.testimonial-glass .quote-icon{position:absolute;top:16px;right:20px;font-size:3rem;color:rgba(59,130,246,0.1)}.concentration-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:36px;transition:all 0.4s ease;position:relative;overflow:hidden}.concentration-glass::after{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,var(--accent-blue),var(--accent-indigo));border-radius:4px;transition:height 0.4s ease}.concentration-glass:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(59,130,246,0.12);border-color:rgba(59,130,246,0.3)}.concentration-glass:hover::after{height:100%}.blog-card-glass{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.blog-card-glass:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(31,38,135,0.15)}.blog-card-glass .blog-card-image{height:200px;overflow:hidden;position:relative}.blog-card-glass .blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.blog-card-glass:hover .blog-card-image img{transform:scale(1.08)}.blog-card-glass .blog-card-content{padding:24px}.blog-card-glass .blog-card-title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.4}.blog-card-glass .blog-card-meta{font-size:0.8rem;color:#94a3b8;margin-bottom:12px}.blog-card-glass .blog-card-excerpt{font-size:0.875rem;color:#64748b;line-height:1.6;margin-bottom:16px}.blog-card-glass .blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(59,130,246,0.1)}.btn-glass{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:rgba(255,255,255,0.45) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.08) !important;border-radius:14px;color:#475569 !important;font-weight:600;font-size:0.95rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.02);cursor:pointer}.btn-glass:hover{background:rgba(255,255,255,0.65) !important;color:#1e293b !important;border-color:rgba(0,0,0,0.12) !important;box-shadow:0 8px 24px rgba(0,0,0,0.05);transform:translateY(-2px)}.btn-glass-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:rgba(59,130,246,0.15) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,0.3) !important;border-radius:16px;color:#2563eb !important;font-weight:700;font-size:1rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(59,130,246,0.08);cursor:pointer}.btn-glass-primary:hover{background:rgba(59,130,246,0.25) !important;border-color:rgba(59,130,246,0.45) !important;color:#1d4ed8 !important;transform:translateY(-3px);box-shadow:0 8px 28px rgba(59,130,246,0.2)}.section-header{text-align:center;margin-bottom:48px}.section-header .section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.15);border-radius:100px;font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:16px}.section-header .section-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-blue);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.7)}}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:#1e293b;margin-bottom:12px;line-height:1.2}.section-header p{font-size:1.05rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.visi-misi-glass{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--glass-shadow)}.content-page-glass,.blog-detail-glass{max-width:900px;margin:100px auto 40px;padding:40px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);position:relative}.content-page-glass::before,.blog-detail-glass::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent)}.breadcrumb-glass{max-width:900px;margin:90px auto 0;padding:12px 20px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-sm);font-size:0.85rem;color:#64748b}.breadcrumb-glass a{color:var(--accent-blue);text-decoration:none;font-weight:500;transition:color 0.2s}.breadcrumb-glass a:hover{color:var(--accent-indigo)}.breadcrumb-glass .separator{margin:0 8px;color:#94a3b8}.blog-section-glass{max-width:1200px;margin:100px auto 40px;padding:0 20px}.blog-grid-glass{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.article-glass-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:0.85rem;color:#64748b;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(59,130,246,0.1)}.article-glass-meta span{display:flex;align-items:center;gap:6px}.tag-glass{display:inline-block;padding:6px 16px;background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.15);border-radius:100px;font-size:0.8rem;font-weight:600;color:var(--accent-blue);margin-right:8px;margin-bottom:8px;transition:all 0.2s ease}.tag-glass:hover{background:var(--accent-blue);color:white;border-color:var(--accent-blue)}.footer-glass{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);position:relative;overflow:hidden}.footer-glass::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,0.3),transparent)}.footer-glass::after{content:'';position:absolute;top:-200px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,0.06) 0%,transparent 70%);pointer-events:none}@media (max-width:768px){.hero-glass{padding:100px 0 60px}.section-glass,.section-glass-alt{padding:60px 0}.content-page-glass,.blog-detail-glass{margin:80px 12px 24px;padding:24px;border-radius:var(--radius-md)}.breadcrumb-glass{margin:76px 12px 0}.blog-section-glass{margin-top:80px}.blog-grid-glass{grid-template-columns:1fr}}