@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap");@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes popupIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.landing-root{overflow-x:hidden}.header-nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;background:var(--kc-cyan)}.header-nav.scrolled{background:var(--kc-cyan-dark);backdrop-filter:blur(12px);padding:14px 40px;box-shadow:0 4px 24px rgba(23,183,189,.35);border-bottom:none}.logo-text{font-family:Fredoka One,cursive;font-size:28px;color:#ffffff;letter-spacing:1px;gap:10px}.logo-icon,.logo-text{display:flex;align-items:center}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#FFB800,#F04E23);border-radius:12px;justify-content:center;font-size:22px}.btn-login{background:transparent;border:2px solid #ffffff;color:#ffffff;padding:10px 28px;border-radius:50px;font-family:Nunito,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-login:hover{background:#ffffff;color:var(--kc-cyan);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.hero-section{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--kc-bg) 50%,transparent) 0,color-mix(in srgb,var(--kc-bg) 30%,transparent) 50%,color-mix(in srgb,var(--kc-bg) 90%,transparent) 100%);z-index:1}.hero-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,var(--kc-bg) 0,var(--kc-bg-alt) 50%,var(--kc-bg-deep) 100%);display:flex;align-items:center;justify-content:center;z-index:0}.hero-content{position:relative;z-index:2;text-align:center;padding:0 20px;max-width:800px}.hero-badge{display:inline-block;background:rgba(255,184,0,.2);border:1px solid rgba(255,184,0,.5);color:#FFB800;padding:6px 18px;border-radius:50px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;animation:fadeInDown .8s ease forwards}.hero-title{font-family:Fredoka One,cursive;font-size:clamp(48px,8vw,90px);color:var(--kc-text);line-height:1.05;margin-bottom:10px;animation:fadeInUp .8s ease .2s both}.hero-title span{color:#FFB800}.hero-subtitle{font-size:clamp(16px,2.5vw,22px);color:var(--kc-text-muted);margin-bottom:36px;font-weight:600;animation:fadeInUp .8s ease .4s both}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease .6s both}.btn-primary{background:var(--kc-btn-primary);color:var(--kc-btn-text);padding:14px 36px;border-radius:50px;font-family:Nunito,sans-serif;font-weight:800;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 25px var(--kc-shadow)}.btn-primary:hover{background:var(--kc-btn-primary-hover);transform:translateY(-3px);box-shadow:0 12px 35px var(--kc-shadow)}.btn-secondary{background:var(--kc-surface);color:var(--kc-text);padding:14px 36px;border-radius:50px;font-family:Nunito,sans-serif;font-weight:700;font-size:16px;border:2px solid var(--kc-border);cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--kc-surface-hover);border-color:var(--kc-border-focus);color:var(--kc-border-focus);transform:translateY(-3px)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;animation:bounce 2s infinite}.scroll-indicator span{color:var(--kc-text-muted);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.scroll-arrow{width:24px;height:24px;border-right:2px solid var(--kc-text-muted);border-bottom:2px solid var(--kc-text-muted);transform:rotate(45deg)}.intro-section{background:var(--kc-cyan);padding:100px 40px;position:relative;overflow:hidden}.intro-section:before{top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,transparent 70%)}.intro-section:after,.intro-section:before{content:"";position:absolute;pointer-events:none}.intro-section:after{bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.05) 0,transparent 70%)}.intro-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-label{color:#FFB800;font-weight:800;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-label:before{content:"";display:block;width:30px;height:3px;background:#FFB800;border-radius:2px}.intro-title{font-family:Fredoka One,cursive;font-size:clamp(32px,4vw,50px);color:#ffffff;line-height:1.15;margin-bottom:24px}.intro-title span{color:#FFB11B}.intro-desc{color:rgba(255,255,255,.85);font-size:17px;line-height:1.8;margin-bottom:32px;font-weight:600}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:20px 16px;text-align:center;transition:all .3s ease;backdrop-filter:blur(4px)}.stat-card:hover{background:rgba(255,255,255,.22);border-color:rgba(255,177,27,.5);transform:translateY(-4px)}.stat-number{font-family:Fredoka One,cursive;font-size:32px;color:#FFB800;display:block}.stat-label{color:rgba(255,255,255,.8);font-size:13px;font-weight:700;margin-top:4px}.intro-mascot,.mascot-bg{position:relative;display:flex;align-items:center;justify-content:center}.mascot-bg{width:380px;height:380px;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 20px 60px rgba(0,0,0,.15)}.mascot-img{width:300px;height:300px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(255,184,0,.3));animation:float 3s ease-in-out infinite}.mascot-placeholder{width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.55);font-size:14px;font-weight:700;text-align:center}.mascot-placeholder-icon{font-size:80px;filter:grayscale(1) opacity(.3)}.cards-section{background-color:var(--kc-bg-alt);padding:100px 40px;position:relative}.cards-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FFB800,#F04E23,transparent)}.cards-header{text-align:center;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.cards-title{font-family:Fredoka One,cursive;font-size:clamp(32px,4vw,50px);color:var(--kc-text);margin-bottom:16px}.cards-title span{color:#FFB800}.cards-subtitle{color:var(--kc-text-muted);font-size:17px;font-weight:600}.cards-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}.anim-card{background:var(--kc-surface);border:1px solid var(--kc-border);border-radius:20px;overflow:hidden;transition:all .4s ease;opacity:0;transform:translateY(30px);cursor:pointer;box-shadow:var(--kc-shadow-card)}.anim-card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease,border-color .3s ease}.anim-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 50px var(--kc-shadow);border-color:rgba(255,184,0,.3)}.card-poster{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}.card-poster-placeholder{width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:700;color:var(--kc-text-faint);background:linear-gradient(135deg,var(--kc-bg-deep),var(--kc-bg-alt));position:relative;overflow:hidden}.card-poster-placeholder:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(246,102,6,.03) 0,rgba(246,102,6,.03) 40px)}.play-icon-big{width:60px;height:60px;background:var(--kc-btn-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:white;position:relative;z-index:1;transition:all .3s ease}.anim-card:hover .play-icon-big{background:var(--kc-btn-primary-hover);transform:scale(1.1)}.card-body{padding:20px 22px 22px}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-genre{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:50px;color:white}.card-duration{color:var(--kc-text-faint);font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.card-title{font-family:Fredoka One,cursive;font-size:22px;color:var(--kc-text);margin-bottom:10px;line-height:1.2}.card-desc{color:var(--kc-text-muted);font-size:14px;line-height:1.7;margin-bottom:20px;font-weight:600}.btn-trailer{width:100%;background:var(--kc-btn-primary);color:var(--kc-navy);padding:12px 20px;border-radius:12px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.5px}.btn-trailer:hover{background:var(--kc-btn-primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px var(--kc-shadow)}.popup-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;animation:overlayIn .25s ease forwards}.popup-backdrop{position:absolute;inset:0;background:var(--kc-overlay);backdrop-filter:blur(8px);cursor:pointer}.popup-box{position:relative;z-index:1;background:var(--kc-bg-alt);border:1px solid var(--kc-border);border-radius:24px;overflow:hidden;width:100%;max-width:680px;box-shadow:var(--kc-shadow-card);animation:popupIn .35s cubic-bezier(.34,1.56,.64,1) forwards}.popup-close{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;background:var(--kc-surface-hover);border:1px solid var(--kc-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--kc-text-muted);transition:all .2s ease;line-height:1}.popup-close:hover{background:var(--kc-error-bg);border-color:var(--kc-error);color:var(--kc-error);transform:rotate(90deg)}.popup-gate{padding:60px 40px 50px;text-align:center}.popup-gate-title{font-family:Fredoka One,cursive;font-size:28px;color:var(--kc-text);margin-bottom:12px}.popup-gate-desc{color:var(--kc-text-muted);font-size:16px;font-weight:600;line-height:1.6;margin-bottom:32px;max-width:380px;margin-left:auto;margin-right:auto}.popup-gate-desc strong{color:#FFB800}.btn-popup-login{display:inline-flex;align-items:center;gap:10px;background:var(--kc-btn-primary);color:var(--kc-btn-text);padding:14px 40px;border-radius:50px;font-family:Nunito,sans-serif;font-weight:800;font-size:16px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px var(--kc-shadow)}.btn-popup-login:hover{background:var(--kc-btn-primary-hover);transform:translateY(-3px);box-shadow:0 14px 35px var(--kc-shadow)}.popup-gate-alt{margin-top:18px;color:var(--kc-text-faint);font-size:13px;font-weight:600}.popup-gate-alt a{color:var(--kc-text-muted);text-decoration:underline;cursor:pointer;transition:color .2s}.popup-gate-alt a:hover{color:var(--kc-border-focus)}.popup-player-header{padding:20px 56px 16px 24px;border-bottom:1px solid var(--kc-border)}.popup-player-genre{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:50px;color:white;display:inline-block;margin-bottom:8px}.popup-player-title{font-family:Fredoka One,cursive;font-size:26px;color:var(--kc-text);line-height:1.2}.popup-player-duration{color:var(--kc-text-faint);font-size:13px;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:5px}.popup-video-wrap{position:relative;background:#000}.popup-video{width:100%;aspect-ratio:16/9;display:block;background:#000}.popup-video-fallback{width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--kc-bg-deep),var(--kc-bg));color:var(--kc-text-faint);font-size:13px;font-weight:700}.produk-layanan-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:80px 40px;background:var(--kc-bg-alt)}.produk-layanan-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FFB11B,#17B7BD,transparent)}.produk-layanan-section:after{display:none}.panel-layanan,.panel-produk{position:relative;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;background:#FFB11B;border-radius:24px;min-height:420px;box-shadow:0 16px 48px rgba(255,177,27,.25);overflow:hidden}.panel-content{position:relative;z-index:2}.panel-label{color:#2E2A5E;font-weight:800;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}.panel-label:before{content:"";display:block;width:24px;height:3px;background:#2E2A5E;border-radius:2px}.panel-title{font-family:Fredoka One,cursive;font-size:clamp(28px,3.5vw,44px);color:#2E2A5E;line-height:1.15;margin-bottom:28px;text-shadow:none}.produk-foto-grid{overflow:hidden;width:100%}.produk-foto-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.produk-foto-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(255,255,255,.18);transition:transform .3s ease,box-shadow .3s ease}.produk-foto-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.45)}.produk-foto-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.produk-foto-item:hover .produk-foto-img{transform:scale(1.07)}@media (min-width:769px){.produk-foto-wrapper:nth-child(n+4){display:none}}.layanan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px}.layanan-item{background:rgba(255,255,255,.35);padding:18px 14px;text-align:center;color:#2E2A5E;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s ease;border-radius:12px;border:1.5px solid rgba(255,255,255,.6)}.layanan-item:hover{background:rgba(255,255,255,.55);transform:translateY(-2px)}.btn-bergabung-tosca{display:inline-flex;align-items:center;gap:10px;background:#17B7BD;color:#ffffff;padding:12px 28px;border-radius:50px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 8px 24px rgba(23,183,189,.3);white-space:nowrap}.btn-bergabung-tosca:hover{background:#12979c;transform:translateY(-3px);box-shadow:0 12px 32px rgba(23,183,189,.4)}.btn-bergabung-tosca-arrow{font-size:16px;transition:transform .2s ease}.btn-bergabung-tosca:hover .btn-bergabung-tosca-arrow{transform:translateX(4px)}.btn-pesan{display:inline-flex;align-items:center;gap:10px;background:var(--kc-border-focus,#FFB11B);color:#ffffff;padding:12px 28px;border-radius:50px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.2);white-space:nowrap}.btn-pesan:hover{opacity:.88;transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,177,27,.35)}.btn-pesan-arrow{font-size:16px;transition:transform .2s ease}.btn-pesan:hover .btn-pesan-arrow{transform:translateX(4px)}.popup-pesan{padding:60px 40px 50px;text-align:center}.popup-pesan-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(255,184,0,.2),rgba(23,183,189,.2));border:2px solid rgba(255,184,0,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px;animation:float 3s ease-in-out infinite}.popup-pesan-title{font-family:Fredoka One,cursive;font-size:28px;color:var(--kc-text);margin-bottom:12px}.popup-pesan-desc{color:var(--kc-text-muted);font-size:16px;font-weight:600;line-height:1.6;margin-bottom:32px;max-width:380px;margin-left:auto;margin-right:auto}.popup-pesan-desc strong{color:var(--kc-border-focus)}.award-dokumentasi-section{background:var(--kc-cyan,#17B7BD);display:grid;grid-template-columns:1fr 1fr;min-height:auto;position:relative;overflow:visible;padding-bottom:100px}.award-dokumentasi-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#17B7BD,#FFB11B,transparent);z-index:2}.panel-award{padding:30px 20px;position:relative;display:flex;flex-direction:row;gap:10px;align-items:flex-start;background:transparent;overflow:visible;min-height:500px}.panel-award:before{display:none}.award-content-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;margin-left:-20px}.award-section-label{color:#FFB800;font-weight:800;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}.award-section-label:before{content:"";display:block;width:24px;height:3px;background:#FFB800;border-radius:2px}.award-section-title{font-family:Fredoka One,cursive;font-size:clamp(26px,3vw,42px);color:#ffffff;line-height:1.15;margin-bottom:16px;text-align:center}.awards-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:14px}.award-item{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;cursor:default;gap:2px}.award-item:hover{transform:translateY(-4px) scale(1.05)}.award-badge-img{width:170px;height:170px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(255,184,0,.3));transform:scale(1.2)}.award-badge-placeholder{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:44px;opacity:.75}.award-badge-label{font-size:10px;font-weight:700;line-height:1.3;color:rgba(255,255,255,.9);display:block}.award-cta-row{gap:12px;flex-wrap:wrap}.award-cta-row,.panel-award-mascot{display:flex;align-items:center;justify-content:center}.panel-award-mascot{flex:0 0 auto;width:180px;height:auto;pointer-events:none;align-self:center}.panel-award-mascot img{width:100%;max-width:180px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));animation:float 3s ease-in-out infinite}.btn-bergabung{display:inline-flex;align-items:center;gap:10px;background:var(--kc-border-focus,#FFB11B);color:var(--kc-navy);padding:12px 28px;border-radius:50px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.2);white-space:nowrap}.btn-bergabung:hover{opacity:.88;transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,177,27,.35)}.btn-bergabung-arrow{font-size:16px;transition:transform .2s ease}.btn-bergabung:hover .btn-bergabung-arrow{transform:translateX(4px)}.panel-dokumentasi{padding:30px 20px;background:transparent;position:relative;display:flex;flex-direction:row;gap:10px;align-items:flex-start;overflow:visible;align-self:start}.panel-dokumentasi:before{display:none}.dokumentasi-content-wrapper{flex:1;display:flex;flex-direction:column;order:2;width:100%;min-width:0;max-width:100%;align-items:center}.panel-dokumentasi-mascot{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:180px;height:auto;pointer-events:none;order:1;align-self:flex-end}.panel-dokumentasi-mascot img{width:100%;max-width:180px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));animation:float-gentle 3s ease-in-out infinite;animation-delay:1.2s}.dokumentasi-section-label{color:#FFB800;font-weight:800;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}.dokumentasi-section-label:before{content:"";display:block;width:24px;height:3px;background:#FFB800;border-radius:2px}.dokumentasi-section-title{font-family:Fredoka One,cursive;font-size:clamp(26px,3vw,42px);color:#ffffff;line-height:1.15;margin-bottom:16px;text-align:center}.dokumentasi-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:6px;width:100%;max-width:440px;flex:1}.dokumentasi-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;min-height:120px}.dokumentasi-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 36px rgba(0,0,0,.3);border-color:rgba(255,184,0,.5)}.dokumentasi-item:first-child{grid-column:span 2;aspect-ratio:21/9;min-height:140px}.dokumentasi-item:not(:first-child){aspect-ratio:16/9;min-height:100px}.dokumentasi-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.dokumentasi-item:hover .dokumentasi-img{transform:scale(1.05)}.dokumentasi-placeholder{width:100%;height:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:12px;font-weight:700;text-align:center;padding:12px}.dokumentasi-placeholder-icon{font-size:32px}.dokumentasi-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4) 0,transparent 60%);opacity:0;transition:opacity .3s ease}.dokumentasi-item:hover .dokumentasi-overlay{opacity:1}@media (max-width:1100px){.intro-inner{gap:30px}.mascot-bg{width:300px;height:300px}.mascot-img{width:240px;height:240px}.panel-layanan,.panel-produk{padding:40px 30px}.produk-foto-track{gap:6px}.award-dokumentasi-section{grid-template-columns:1fr 1fr}.panel-award,.panel-dokumentasi{flex-direction:column;align-items:center;text-align:center;padding:30px 16px}.panel-award-mascot,.panel-dokumentasi-mascot{order:2!important;align-self:center;margin-top:30px;width:140px}.panel-award-mascot img,.panel-dokumentasi-mascot img{max-width:140px}.award-content-wrapper,.dokumentasi-content-wrapper{order:1!important;margin-left:0;align-items:center;width:100%}.awards-grid{width:100%;max-width:300px;margin:0 auto 16px}.award-badge-img{width:120px;height:120px}.dokumentasi-grid{width:100%;max-width:320px;margin:0 auto}.dokumentasi-item{min-height:0!important}}@media (max-width:768px){.header-nav{padding:15px 20px}.header-nav.scrolled{padding:10px 20px}.logo-text{font-size:22px}.logo-icon{width:34px;height:34px;font-size:18px}.btn-login{padding:8px 20px;font-size:14px}.hero-section{height:70vh;min-height:520px;aspect-ratio:auto;padding:80px 20px 40px}.hero-badge{font-size:11px;padding:6px 16px;margin-bottom:16px}.hero-title{font-size:clamp(36px,10vw,48px)!important;margin-bottom:12px}.hero-subtitle{font-size:15px;margin-bottom:32px;line-height:1.5}.hero-cta{flex-direction:column;justify-content:center;gap:12px;width:100%;max-width:280px;margin:0 auto}.btn-primary,.btn-secondary{padding:14px 24px;font-size:14px;width:100%;justify-content:center}.scroll-indicator{display:flex;bottom:20px}.intro-section{padding:60px 20px}.intro-inner{grid-template-columns:1fr;gap:40px;text-align:center}.section-label{justify-content:center}.intro-stats{grid-template-columns:1fr;max-width:260px;margin:0 auto;gap:12px}.mascot-bg{width:280px;height:280px;margin:0 auto}.mascot-img{width:220px;height:220px;filter:none!important;will-change:transform}.cards-section{padding:60px 20px}.cards-section-bg{background-size:100% auto;background-repeat:repeat-y;background-position:top}.cards-grid,.produk-layanan-section{grid-template-columns:1fr;gap:20px}.produk-layanan-section{padding:40px 20px}.produk-layanan-section:after,.produk-layanan-section:before{display:none}.panel-layanan,.panel-produk{padding:32px 24px;min-height:auto;justify-content:center;align-items:center;text-align:center;border-radius:20px}.panel-layanan .panel-label,.panel-produk .panel-label{justify-content:center;font-size:10px;margin-bottom:8px;letter-spacing:2px}.panel-label:before{width:20px;height:3px}.panel-title{font-size:26px;margin-bottom:20px}.produk-foto-grid{display:block;overflow:hidden;width:100%;margin:0;padding-bottom:12px}.produk-foto-track{display:flex;flex-wrap:nowrap;animation:marqueeScroll 20s linear infinite}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-25%)}}.produk-foto-wrapper{flex:0 0 80vw;width:80vw;padding-right:12px}.produk-foto-item{width:100%;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}.produk-foto-img{width:100%;height:100%;display:block}.produk-foto-item:active,.produk-foto-item:hover{transform:none;box-shadow:none}.produk-foto-item:hover .produk-foto-img{transform:none}.produk-foto-img{-o-object-fit:cover;object-fit:cover}.produk-foto-placeholder{font-size:11px;padding:8px;gap:6px}.produk-foto-placeholder-icon{font-size:24px}.layanan-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:400px;margin-bottom:24px}.layanan-item{padding:12px 6px;font-size:12px;line-height:1.3;border-radius:10px}.btn-pesan{padding:12px 24px;font-size:13px;box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn-bergabung-tosca{padding:10px 20px;font-size:13px}.award-dokumentasi-section{grid-template-columns:1fr;padding-bottom:60px;background-size:100% auto;background-repeat:repeat-y;background-position:top}.panel-award{flex-direction:row;padding:30px 16px;align-items:flex-start;text-align:left;gap:12px;min-height:auto}.award-content-wrapper{order:1!important;align-items:flex-start;margin:0;flex:1;width:100%}.panel-award-mascot{order:2!important;width:90px;max-width:90px;margin:0;align-self:center;flex:0 0 auto}.panel-award-mascot img{max-width:90px;filter:none!important;will-change:transform}.award-section-label{justify-content:flex-start}.award-section-title{text-align:left;font-size:22px;margin-bottom:12px}.awards-grid{grid-template-columns:auto auto;gap:0;width:auto;margin:0 0 16px}.award-badge-img{width:100px;height:100px}.award-cta-row{justify-content:flex-start;width:100%;margin-top:10px}.btn-bergabung{padding:8px 12px;font-size:11px;white-space:normal;line-height:1.3;text-align:left}.panel-dokumentasi{flex-direction:row;padding:30px 16px;align-items:flex-start;text-align:right;gap:12px;min-height:auto}.panel-dokumentasi-mascot{order:1!important;width:90px;max-width:90px;margin:0;align-self:flex-end;flex:0 0 auto}.panel-dokumentasi-mascot img{max-width:90px;filter:none!important;will-change:transform}.dokumentasi-content-wrapper{order:2!important;align-items:flex-end;margin:0;flex:1;width:100%}.dokumentasi-section-label{justify-content:flex-end;flex-direction:row-reverse}.dokumentasi-section-title{text-align:right;font-size:22px;margin-bottom:12px}.dokumentasi-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px;width:100%;margin:0}.dokumentasi-item{width:100%;position:relative;border-radius:12px;overflow:hidden}.dokumentasi-item:first-child{grid-column:1/-1;grid-row:1;aspect-ratio:16/9}.dokumentasi-item:nth-child(2){grid-column:1;grid-row:2;aspect-ratio:4/3}.dokumentasi-item:nth-child(3){grid-column:2;grid-row:2;aspect-ratio:4/3}.popup-box{max-width:90%}.popup-gate{padding:40px 20px 30px}.popup-gate-title{font-size:22px}.btn-popup-login{width:100%;justify-content:center}}@media (max-width:480px){.header-nav{padding:12px 16px}.header-nav.scrolled{padding:8px 16px}.logo-text span{font-size:18px}.logo-text img{height:28px!important}.logo-icon{width:28px;height:28px;font-size:14px}.btn-login{padding:6px 14px;font-size:12px}.intro-title{font-size:clamp(28px,10vw,36px)}.award-section-title,.dokumentasi-section-title{font-size:20px}}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito Fallback;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_31d880{font-family:Nunito,Nunito Fallback;font-style:normal}.__variable_31d880{--font-nunito:"Nunito","Nunito Fallback"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--kc-red:#F66606;--kc-red-dark:#d65803;--kc-cream:#FFF7E8;--kc-cream-dark:#f8edd7;--kc-cyan:#17B7BD;--kc-cyan-dark:#12979c;--kc-yellow:#FFB800;--kc-orange:#F04E23;--kc-navy:#2E2A5E;--kc-bg:#FFF7E8;--kc-bg-alt:#fff3df;--kc-bg-deep:#f7ead2;--kc-surface:rgba(255,255,255,0.90);--kc-surface-hover:#ffffff;--kc-panel:#17B7BD;--kc-border:rgba(23,183,189,0.20);--kc-border-focus:#FFB11B;--kc-text:#2E2A5E;--kc-text-muted:rgba(46,42,94,0.68);--kc-text-faint:rgba(46,42,94,0.42);--kc-input-bg:rgba(255,255,255,0.96);--kc-input-bg-focus:rgba(255,177,27,0.08);--kc-placeholder:rgba(46,42,94,0.35);--kc-shadow:rgba(23,183,189,0.10);--kc-shadow-card:0 20px 50px rgba(23,183,189,0.08);--kc-overlay:rgba(46,42,94,0.45);--kc-btn-primary:linear-gradient(135deg,#FFB11B,#e09d10);--kc-btn-primary-hover:linear-gradient(135deg,#ffc133,#f0aa14);--kc-btn-text:#ffffff;--kc-error:#F66606;--kc-error-bg:rgba(246,102,6,0.08);--kc-error-border:rgba(246,102,6,0.22);--kc-success:#FFB11B;--kc-success-bg:rgba(255,177,27,0.10);--kc-success-border:rgba(255,177,27,0.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--kc-bg)}body{color:var(--kc-text);font-family:Nunito,Poppins,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}[data-theme=light] .texture-cream-bg,[data-theme=light] .texture-cream-bg-scroll{background-image:url(/textureBg.webp);background-size:cover;background-position:50%;background-repeat:no-repeat}[data-theme=light] .texture-cream-bg{background-attachment:fixed}[data-theme=light] .texture-cream-bg-scroll{background-attachment:scroll}.card,.dokumentasi-item,.layanan-item,.produk-foto-item,.social-icon,.stat-card,[class*=btn-],a,button,input,select{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}button.btn-login,button.btn-register-primary,button.btn-submit{background:var(--kc-btn-primary);color:var(--kc-btn-text);border:none;box-shadow:0 10px 24px rgba(0,0,0,.12)}button.btn-login:hover,button.btn-register-primary:hover,button.btn-submit:hover{background:var(--kc-btn-primary-hover);transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,177,27,.28)}button.btn-register{background:var(--kc-surface-hover);border:1.5px solid var(--kc-border);color:var(--kc-text)}button.btn-register:hover{border-color:var(--kc-border-focus);color:var(--kc-border-focus);background:rgba(255,177,27,.05);transform:translateY(-2px)}a{color:inherit;text-decoration:none}input{background:var(--kc-input-bg);color:var(--kc-text);border:1.5px solid var(--kc-border)}input::-moz-placeholder{color:var(--kc-placeholder)}input::placeholder{color:var(--kc-placeholder)}input:hover{border-color:rgba(23,183,189,.35)}input:focus{outline:none;border-color:var(--kc-border-focus);box-shadow:0 0 0 4px rgba(255,177,27,.12)}.footer{position:relative;background-color:var(--kc-bg-deep);padding:20px 40px 30px;text-align:center;margin-top:0;border-top:none}.footer-wave{position:absolute;top:0;left:0;right:0;width:100%;transform:translateY(-85%);z-index:10;line-height:0}.footer-wave svg{display:block;width:100%;height:80px}.footer-texture-overlay{display:none}[data-theme=light] .footer-texture-overlay{display:block;position:absolute;top:-68px;left:0;right:0;bottom:0;z-index:15;pointer-events:none;background-color:var(--kc-bg);background-image:url(/textureBg.webp);background-size:cover;background-position:50%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 140' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,60 C240,140 480,-20 720,60 C960,-20 1200,140 1440,60 L1440,145 L0,145 Z'/%3E%3C/svg%3E"),linear-gradient(black,black);-webkit-mask-size:100% 80px,100% calc(100% - 79px);-webkit-mask-position:top left,bottom left;-webkit-mask-repeat:no-repeat,no-repeat;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 140' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,60 C240,140 480,-20 720,60 C960,-20 1200,140 1440,60 L1440,145 L0,145 Z'/%3E%3C/svg%3E"),linear-gradient(black,black);mask-size:100% 80px,100% calc(100% - 79px);mask-position:top left,bottom left;mask-repeat:no-repeat,no-repeat}.footer>:not(.footer-texture-overlay):not(.footer-wave){position:relative;z-index:20}.wave-orange{fill:var(--kc-bg-alt)}.wave-tosca{fill:var(--kc-border-focus)}.wave-bg{fill:var(--kc-bg-deep)}.footer-flex-container{gap:40px;margin-bottom:20px;flex-wrap:wrap}.footer-flex-container,.footer-logo-wrap{display:flex;align-items:center;justify-content:center}.footer-logo-wrap{width:120px;height:120px;background:var(--kc-surface);border-radius:50%;box-shadow:0 10px 20px rgba(0,0,0,.2);border:4px solid var(--kc-border-focus)}.footer-logo-wrap img{width:80px;height:auto}.footer-socials{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.social-icon{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--kc-text);text-decoration:none;font-size:16px;transition:all .3s ease}.social-icon:hover{color:var(--kc-border-focus);transform:translateX(4px)}.social-icon svg{width:28px;height:28px;color:var(--kc-border-focus);transition:all .3s ease}.footer-mascot-wrap{width:160px;height:160px;display:flex;align-items:center;justify-content:center}.footer-mascot-wrap img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;animation:float 3s ease-in-out infinite}.footer-desc{color:var(--kc-text-muted);font-size:14px;line-height:1.6;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto;font-weight:600}.footer-divider{border:none;height:1px;background:var(--kc-border);margin:24px 0;opacity:.5}.footer-copy{color:var(--kc-text-faint);font-size:13px;font-weight:600;letter-spacing:.5px}.footer-copy span{color:var(--kc-border-focus);font-weight:700}[data-theme=light] .footer{background-color:var(--kc-bg)}[data-theme=light] .footer-wave{z-index:5}[data-theme=light] .wave-orange{fill:var(--kc-cyan)}[data-theme=light] .wave-tosca{fill:#FFB11B}[data-theme=light] .wave-bg{fill:transparent}[data-theme=light] .footer-logo-wrap{background:#ffffff;border-color:#FFB11B}[data-theme=light] .footer-desc{color:rgba(46,42,94,.68)}[data-theme=light] .footer-divider{background:rgba(46,42,94,.1)}[data-theme=light] .footer-copy{color:rgba(46,42,94,.5)}[data-theme=light] .footer-copy span{color:#FFB11B}@media (max-width:768px){.footer{padding:30px 20px 40px}.footer-flex-container{flex-direction:column;gap:24px}.footer-logo-wrap{width:100px;height:100px;margin:0 auto}.footer-logo-wrap img{width:60px}.footer-socials{align-items:center;gap:12px}.social-icon{font-size:14px}.footer-mascot-wrap img{max-width:120px}.footer-desc{font-size:13px;margin-bottom:20px}.footer-copy{font-size:12px}}