:root{--teal:#17a2b8;--teal-dark:#138496;--teal-light:#63d4e5;--blue:#0d6efd;--blue-dark:#0b5ed7;--primary:#17a2b8;--primary-dark:#138496;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--text-dark:#212529;--text-muted:#6c757d;--gradient-teal:linear-gradient(135deg,#17a2b8 0%,#20c997 100%);--gradient-hero:linear-gradient(135deg,#0d6efd 0%,#17a2b8 100%);--gradient-blue-teal:linear-gradient(135deg,#0d6efd 0%,#17a2b8 100%);--gradient-scholarship:linear-gradient(135deg,#17a2b8 0%,#138496 100%);--shadow-sm:0 .125rem .25rem rgba(0,0,0,.075);--shadow:0 .5rem 1rem rgba(0,0,0,.15);--shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--transition:all .3s ease}.navbar-top.navbar-dark{background:transparent;position:absolute;top:0;left:0;right:0;z-index:1000;padding:1rem 0}.navbar-top .navbar-brand .img-brand{height:40px;width:auto}.navbar-top .nav-link{color:rgba(255,255,255,.9)!important;font-weight:500;font-size:.9rem;padding:.5rem 1rem!important;display:flex;align-items:center;gap:4px;transition:var(--transition)}.navbar-top .nav-link:hover{color:#fff!important}.navbar-top .nav-link ion-icon{font-size:1.1rem}.navbar-top .btn-outline-light{border-color:rgba(255,255,255,.6);color:#fff;font-weight:600;display:flex;align-items:center;gap:4px}.navbar-top .btn-outline-light:hover{background:#fff;color:var(--teal);border-color:#fff}.navbar-top .btn-warning{font-weight:600;display:flex;align-items:center;gap:4px;color:#000}.navbar-top .btn-warning:hover{background:#e0a800;border-color:#d39e00}.navbar-toggler{border-color:rgba(255,255,255,.5)}.navbar-toggler-icon{background-image:url(data:image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 30\ 30\'%3e%3cpath\ stroke=\'rgba%28255,\ 255,\ 255,\ 0.9%29\'\ stroke-linecap=\'round\'\ stroke-miterlimit=\'10\'\ stroke-width=\'2\'\ d=\'M4\ 7h22M4\ 15h22M4\ 23h22\'/%3e%3c/svg%3e)}@media (max-width:767px){.navbar-top .navbar-collapse{background:rgba(0,0,0,.9);margin-top:1rem;border-radius:16px;padding:1rem}.navbar-top .nav-link{padding:.75rem 1rem!important;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-top .nav-item:last-child .nav-link{border-bottom:none}.navbar-top .btn{width:100%;justify-content:center;margin-top:.5rem}}.btn-teal{background:var(--gradient-teal);border:none;color:#fff}.btn-teal:hover{background:linear-gradient(135deg,#138496 0%,#1aa179 100%);color:#fff}.login-section .btn-teal,.login-section .btn-teal:focus,.login-section .btn-teal:active{background:var(--gradient-teal)!important;color:#fff!important;border:none!important;box-shadow:0 8px 20px rgba(23,162,184,.35)}.login-section .btn-teal:hover{background:linear-gradient(135deg,#1393a3 0%,#21b994 100%)!important;color:#fff!important}.login-section .btn-teal ion-icon{color:#fff!important}.text-teal{color:var(--teal)!important}.bg-teal{background:var(--gradient-teal)!important}.hero-section{background:linear-gradient(270deg,rgba(15,124,142,1) 0%,rgba(3,75,139,1) 100%);position:relative;overflow:hidden;padding:120px 0 120px}.min-vh-75{min-height:75vh}.hero-content{color:#fff;z-index:2}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;color:#fff}@media (min-width:768px){.hero-title{font-size:3.5rem}}.text-gradient{background:linear-gradient(135deg,#5ce1e6 0%,#7fefff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-rotating-word{display:inline-block;color:#ffd700;min-width:200px}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem;color:rgba(255,255,255,.9)}.hero-price{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.price-original{text-decoration:line-through;opacity:.8;font-size:1rem;color:rgba(255,255,255,.8)}.price-current{font-size:2rem;font-weight:700;color:#5ce1e6}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}.hero-section .hero-cta .btn{border-radius:14px!important;font-weight:700!important;letter-spacing:0;font-size:.88rem;padding:.78rem 1.4rem!important;min-height:50px;display:inline-flex;align-items:center;justify-content:center}.hero-section .hero-cta .btn-hero{min-width:196px;box-shadow:0 10px 26px rgba(0,0,0,.2);transition:transform .2s ease , box-shadow .2s ease}.hero-section .hero-cta .btn-hero:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.24)}.hero-section .hero-cta .btn-hero-primary{background:#fff!important;color:#0b4f92!important;border:2px solid #fff!important}.hero-section .hero-cta .btn-hero-primary:hover{background:#f3f9ff!important;color:#0a4b8b!important;border-color:#f3f9ff!important;box-shadow:0 12px 28px rgba(255,255,255,.3)}.hero-section .hero-cta .btn-cpns-gold{background:linear-gradient(135deg,#f4c02b 0%,#e6a817 100%)!important;color:#332300!important;border:2px solid #f1bd2b!important;position:relative}.hero-section .hero-cta .btn-cpns-gold:hover{background:linear-gradient(135deg,#f9d44e 0%,#f4c02b 100%)!important;color:#2f1f00!important;border-color:#f4c53f!important;box-shadow:0 8px 25px rgba(244,192,43,.45);transform:translateY(-3px)}.hero-section .hero-cta .btn-cpns-gold .badge-baru{position:absolute;top:-9px;right:-9px;background:#dc3545;color:#fff;font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:20px;text-transform:uppercase;box-shadow:0 2px 6px rgba(220,53,69,.5);pointer-events:none}.hero-section .hero-cta .btn-outline-light{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.85)!important;box-shadow:none!important}.hero-section .hero-cta .btn-outline-light:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:#fff!important}.hero-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{display:block;font-size:1.75rem;font-weight:700;color:#5ce1e6}.stat-label{font-size:.85rem;color:rgba(255,255,255,.9)}.hero-visual{position:relative;z-index:2}.hero-image-wrapper{position:relative;padding:20px}.hero-certificate{border-radius:16px;box-shadow:var(--shadow-lg);transform:rotate(3deg);transition:var(--transition)}.hero-certificate:hover{transform:rotate(0deg) scale(1.02)}.floating-badge{position:absolute;background:#fff;padding:10px 16px;border-radius:50px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--dark);animation:float 4s ease-in-out infinite}.floating-badge ion-icon{color:#0f7c8e;font-size:1.2rem}.badge-1{top:10%;right:0;animation-delay:0s}.badge-2{bottom:20%;left:-10px;animation-delay:1s}.hero-wave{position:absolute;bottom:0;left:0;right:0}.hero-wave svg{display:block;width:100%;height:auto}.trust-section{border-bottom:1px solid #eee}.trust-item{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;color:var(--text-dark)}.trust-item ion-icon{font-size:1.5rem}.trust-item .text-primary{color:var(--teal)!important}.trust-item .text-info{color:var(--teal)!important}.login-section{background:linear-gradient(135deg,#e8f4f8 0%,#f0f9fc 50%,#e8f4f8 100%)}.login-card{border-radius:20px;overflow:hidden;background:#fff}.login-icon{width:70px;height:70px;background:var(--gradient-teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.login-icon ion-icon{font-size:2rem;color:#fff}.form-label{font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.input-group-text{background:var(--light);border-right:none;color:var(--teal)}.input-group .form-control{border-left:none}.input-group .form-control:focus{box-shadow:none;border-color:var(--teal)}.wordcloud-wrapper{background:#fff;border-radius:20px;padding:28px 32px;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column}.wordcloud-header{margin-bottom:1rem}.wordcloud-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.wordcloud-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:0}.wordcloud-container{width:100%;height:380px;min-height:380px;max-height:380px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;flex:1}#testimoni-cloud{width:100%!important;height:380px!important;min-height:380px!important;position:relative;display:block}#testimoni-cloud>div{width:100%!important;height:100%!important}#testimoni-cloud span,#testimoni-cloud .wordcloud-word{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important;transition:transform .2s ease , opacity .2s ease;cursor:default;position:absolute;white-space:nowrap}#testimoni-cloud span.w1{font-size:12px!important}#testimoni-cloud span.w2{font-size:14px!important}#testimoni-cloud span.w3{font-size:16px!important}#testimoni-cloud span.w4{font-size:19px!important}#testimoni-cloud span.w5{font-size:22px!important;font-weight:500}#testimoni-cloud span.w6{font-size:26px!important;font-weight:500}#testimoni-cloud span.w7{font-size:30px!important;font-weight:600}#testimoni-cloud span.w8{font-size:36px!important;font-weight:600}#testimoni-cloud span.w9{font-size:42px!important;font-weight:700}#testimoni-cloud span.w10{font-size:50px!important;font-weight:700}#testimoni-cloud span:hover{transform:scale(1.1);opacity:.8;z-index:10}.wc-stat{display:flex;align-items:center;gap:8px;color:var(--text-dark);font-size:.95rem;padding:8px 16px;background:#f8f9fa;border-radius:20px}.wc-stat ion-icon{font-size:1.2rem}.wordcloud-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.gap-4{gap:1rem}.wordcloud-skeleton{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:30px 15px;height:100%;width:100%}.skeleton-word{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-lg{width:120px;height:28px}.skeleton-md{width:80px;height:20px}.skeleton-sm{width:50px;height:14px}@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}.section-header{margin-bottom:3rem}.section-badge{display:inline-block;background:var(--gradient-teal);color:#fff;padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.section-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.products-section{background:linear-gradient(270deg,rgba(15,124,142,1) 0%,rgba(3,75,139,1) 100%);padding:80px 0}.products-section .section-badge{background:rgba(255,255,255,.2);color:#fff}.products-section .section-title{color:#fff}.products-section .section-subtitle{color:rgba(255,255,255,.9)}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;border:1px solid #eee}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.product-card.featured{border:2px solid var(--teal)}.product-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-teal)}.product-badge{position:absolute;top:16px;right:16px;background:var(--warning);color:#000;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:700;z-index:10}.product-image{padding:20px;background:linear-gradient(135deg,#f8f9fc 0%,#e8eaed 100%)}.product-image img{width:100%;height:180px;object-fit:contain;border-radius:8px}.product-body{padding:24px}.product-title{font-weight:700;color:var(--text-dark);margin-bottom:.75rem}.product-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.product-features{list-style:none;padding:0;margin:0 0 1.5rem}.product-features li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.9rem;color:var(--text-dark)}.product-features ion-icon{color:var(--success);font-size:1.1rem}.product-price{margin-bottom:1rem}.price-old{text-decoration:line-through;color:var(--text-muted);font-size:.9rem;display:block}.price-new{font-size:1.75rem;font-weight:700;color:var(--teal)}.price-free{font-size:1.75rem;font-weight:700;color:var(--success)}.price-from{display:block;font-size:.85rem;color:var(--text-muted)}.article-card,.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.article-card:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article-image,.blog-image{position:relative;overflow:hidden;height:140px}.article-image img,.blog-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.article-card:hover .article-image img,.blog-card:hover .blog-image img{transform:scale(1.1)}.article-date{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:8px;font-size:.75rem}.article-body,.blog-body{padding:16px}.article-title,.blog-title{font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-date{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.scholarship-section{background:linear-gradient(270deg,rgba(15,124,142,1) 0%,rgba(3,75,139,1) 100%);color:#fff}.scholarship-section .section-title{color:#fff}.scholarship-section .section-subtitle{color:rgba(255,255,255,.9)}.scholarship-section .article-card{background:#fff}.scholarship-section .article-title{color:var(--text-dark)}.testimonials-section{background:linear-gradient(270deg,rgba(15,124,142,1) 0%,rgba(3,75,139,1) 100%);color:#fff}.testimonials-section .section-title{color:#fff}.testimonials-section .section-subtitle{color:rgba(255,255,255,.8)}.rating-summary{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.rating-summary .stars{display:flex;gap:4px}.rating-summary .stars ion-icon{color:#ffc107;font-size:1.5rem}.rating-text{color:rgba(255,255,255,.95)}.testimonial-card{background:#fff;border-radius:16px;padding:24px;color:var(--text-dark);box-shadow:var(--shadow)}.testimonial-stars{color:#ffc107;margin-bottom:12px}.testimonial-stars ion-icon{font-size:1.25rem}.testimonial-text{font-style:italic;color:var(--text-muted);margin-bottom:16px;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-name{font-weight:600;margin:0;color:var(--text-dark)}.author-social{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.carousel-nav-btn{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--teal);box-shadow:var(--shadow)}.carousel-control-prev,.carousel-control-next{width:auto;opacity:1}.testimonials-section .btn-outline-primary{border-color:#fff;color:#fff}.testimonials-section .btn-outline-primary:hover{background:#fff;color:var(--teal)}.faq-accordion{max-width:100%}.faq-item{background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.faq-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;transition:var(--transition)}.faq-header:hover{background:#f8f9fc}.faq-question{display:flex;align-items:center;gap:12px;margin:0;font-weight:600;color:var(--text-dark)}.faq-question ion-icon{color:var(--teal);font-size:1.5rem}.faq-icon{color:var(--text-muted);transition:var(--transition)}.faq-header[aria-expanded="true"] .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 24px 20px;color:var(--text-muted);line-height:1.7}.cta-section{background:linear-gradient(270deg,rgba(15,124,142,1) 0%,rgba(3,75,139,1) 100%)}.cta-wrapper{padding:40px;color:#fff}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-subtitle{font-size:1.1rem;opacity:.95;margin-bottom:2rem;color:#fff}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-note{color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;gap:8px}.search-form .form-control{border-radius:50px 0 0 50px;border:2px solid #e3e6f0;padding-left:24px}.search-form .btn{border-radius:0 50px 50px 0;padding-left:24px;padding-right:24px}@media (max-width:767px){.hero-section{padding:60px 0 100px}.hero-title{font-size:2rem}.hero-visual{margin-top:40px}.hero-section .hero-cta{gap:.6rem}.hero-section .hero-cta .btn,.hero-section .hero-cta .btn-hero{flex:1 1 calc(50% - .3rem);font-size:.82rem;padding:.72rem .9rem!important;min-height:46px;min-width:0;width:auto}.hero-section .hero-cta .btn-outline-light{flex-basis:100%}.floating-badge{display:none}.section-title{font-size:1.5rem}.cta-title{font-size:1.75rem}.testimonial-card{margin:0 10px}}.btn{display:inline-flex;align-items:center;gap:6px;font-weight:500;border-radius:8px;transition:var(--transition)}.btn:hover{transform:translateY(-2px)}.btn-lg{padding:12px 28px;font-size:1rem}.btn-outline-light{border-width:2px}.btn-outline-primary{border-color:var(--teal);color:var(--teal)}.btn-outline-primary:hover{background:var(--teal);border-color:var(--teal);color:#fff}.btn-outline-info:hover{color:#fff}.btn-primary{background:var(--gradient-teal);border:none;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#138496 0%,#1aa179 100%);color:#fff}.btn-info{background:var(--gradient-teal);border:none;color:#fff}.btn-info:hover{background:linear-gradient(135deg,#138496 0%,#1aa179 100%);color:#fff}#testimoni-cloud span{will-change:transform;transition:transform .2s ease-out , color .2s ease-out , text-shadow .2s ease-out;cursor:pointer;line-height:1.4}#testimoni-cloud span:hover{transform:scale(1.15);text-shadow:2px 2px 4px rgba(0,0,0,.15)}