@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #ffffff;--text-primary: #0a0a0a;--text-secondary: #666666;--accent-color: #000000;--border-color: #eaeaea;--surface-color: #f8f8f8;--hover-surface: #f1f1f1;--transition-smooth: .6s cubic-bezier(.22, 1, .36, 1);--radius-capsule: 9999px;--radius-card: 24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:initial}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}.container{max-width:1280px;margin:0 auto;padding:0 5%}.glass-panel{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4)}.btn-primary{background-color:var(--accent-color);color:#fff;padding:14px 28px;border-radius:var(--radius-capsule);font-weight:600;transition:transform .3s ease,background-color .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);background-color:#333}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:14px 28px;border-radius:var(--radius-capsule);font-weight:500;transition:var(--transition-smooth)}.btn-outline:hover{background-color:var(--surface-color);border-color:var(--text-primary)}.h1-display{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}.h2-section{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:2rem}.p-lead{font-size:clamp(1.125rem,2vw,1.375rem);color:var(--text-secondary);line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}.img-cover{width:100%;height:100%;object-fit:cover}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.navbar-wrapper{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;padding:24px 24px 0;z-index:100;transition:padding .4s ease}.navbar-wrapper.scrolled{padding:16px 24px 0}.nav-logo{display:flex;align-items:center;justify-content:center}.nav-logo a{display:flex;align-items:center;justify-content:center;padding:4px 0}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1000px;padding:12px 24px;border-radius:var(--radius-capsule);transition:box-shadow .4s ease}.navbar-wrapper.scrolled .navbar{box-shadow:0 10px 30px #0000000d}.nav-logo .logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.nav-links{display:flex;gap:32px}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:#ea9010}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--text-primary);transition:width .3s ease}.nav-link.active:after{width:100%;background-color:#ea9010}.nav-link:hover:after{width:100%}.mobile-only{display:none}.mobile-menu-overlay{position:fixed;inset:0;background:#ffffffe6;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.close-menu-btn{position:absolute;top:32px;right:32px;color:var(--text-primary)}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:32px}.mobile-nav-link{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);transition:color .3s ease}.mobile-nav-link.active{color:#ea9010}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.navbar{padding:16px 24px}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background-color:#000}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center 30%;background-repeat:no-repeat;z-index:0}.hero-bg-overlay{position:absolute;inset:0;background-color:#000000a6}.hero-bg-gradient-fade{position:absolute;bottom:0;left:0;width:100%;height:40vh;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--surface-color) 100%)}.hero-container{display:flex;align-items:center;justify-content:flex-start;padding-top:100px;z-index:10;width:100%}.relative{position:relative}.hero-content{max-width:750px;color:#fff}.hero-badge.dark-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 20px;border-radius:999px;font-size:.9rem;font-weight:700;letter-spacing:.05em;display:inline-flex;align-items:center;gap:10px;margin-bottom:32px}.badge-dot{width:8px;height:8px;border-radius:50%;background-color:#ea9010}.pulse{box-shadow:0 0 #ea9010b3;animation:pulse-orange 2s infinite}@keyframes pulse-orange{0%{box-shadow:0 0 #ea9010b3}70%{box-shadow:0 0 0 10px #ea901000}to{box-shadow:0 0 #ea901000}}.hero-title{margin-bottom:24px;line-height:1.1;color:#fff}.text-accent.text-white:after{background-color:#ea9010;height:16px;bottom:12px;opacity:.8;z-index:-1}.hero-subtitle.text-light{color:#ffffffd9;font-size:1.25rem;margin-bottom:48px;max-width:600px}.hero-cta-group{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:48px}.hero-btn{padding:18px 36px;font-size:1.1rem}.btn-orange{background-color:#ea9010;color:#fff}.btn-orange:hover{background-color:#d97706}.hero-btn-outline.dark-transparent{border:1px solid rgba(255,255,255,.4);color:#fff;padding:18px 36px;font-size:1.1rem}.hero-btn-outline.dark-transparent:hover{background-color:#ffffff1a;border-color:#fff}.hero-stats-seamless{display:flex;flex-wrap:wrap;gap:32px;position:relative;padding-top:32px}.hero-stats-seamless:before{content:"";position:absolute;top:0;left:0;width:60%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.4),transparent)}.stat-item-seamless{display:flex;align-items:center;gap:12px;color:#fffffff2;font-weight:600;font-size:.95rem}.stat-icon.orange{color:#ea9010}@media(max-width:768px){.hero-container{justify-content:center;padding-top:80px}.text-center-mobile{text-align:center;display:flex;flex-direction:column;align-items:center}.justify-center-mobile{justify-content:center}.hero-title{font-size:2.75rem}.hero-subtitle.text-light{font-size:1.1rem}.hero-stats-seamless:before{left:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}}.programs-section{padding:120px 0;background-color:var(--surface-color)}.text-center{text-align:center}.section-header{margin-bottom:64px}.section-subtitle{display:inline-block;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:16px;position:relative}.section-subtitle:before,.section-subtitle:after{content:"";position:absolute;top:50%;width:24px;height:2px;background-color:var(--border-color)}.section-subtitle:before{left:-40px}.section-subtitle:after{right:-40px}.section-desc{max-width:600px;margin:0 auto}.programs-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.programs-grid{grid-template-columns:repeat(3,1fr)}}.program-card{background-color:var(--bg-color);border-radius:var(--radius-card);padding:40px 32px;box-shadow:0 4px 20px #00000005;border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;flex-direction:column}.card-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform .3s ease}.program-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(-5deg)}.program-title{font-size:1.35rem;font-weight:700;margin-bottom:16px;line-height:1.3}.program-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6;flex-grow:1}.program-hover-indicator{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:transparent}.hover-line{width:0;height:100%;transition:width .4s ease}.program-card:hover .hover-line{width:100%}.stats-section{padding:100px 0;background-color:var(--surface-color);position:relative;overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat-card{background:var(--bg-color);padding:40px 30px;border-radius:var(--radius-card);text-align:center;box-shadow:0 10px 40px #00000008;border:1px solid var(--border-color);transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0000000f;border-color:#0000001a}.stat-icon-wrapper{width:70px;height:70px;background:var(--surface-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent-color);transition:var(--transition-smooth)}.stat-card:hover .stat-icon-wrapper{background:var(--accent-color);color:#fff;transform:scale(1.1)}.stat-number{font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:12px;color:var(--accent-color);letter-spacing:-.03em}.stat-label{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.stat-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.5}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr;gap:20px}.stats-section{padding:60px 0}.stat-card{padding:30px 20px}.stat-number{font-size:3rem}}.health-section{padding:120px 0;background-color:var(--bg-color)}.health-header{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:80px}@media(min-width:992px){.health-header{grid-template-columns:1fr 1fr;align-items:center;gap:5rem}}.health-img-placeholder{position:relative;aspect-ratio:4/3;border-radius:32px}.health-img-main{border-radius:32px;position:relative;z-index:1;box-shadow:0 20px 40px #00000014}.health-img-decorator{position:absolute;top:20px;left:-20px;width:100%;height:100%;border-radius:32px;border:2px solid var(--border-color);z-index:0}.health-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:576px){.health-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.health-grid{grid-template-columns:repeat(4,1fr)}}.health-card{background-color:var(--surface-color);border-radius:24px;padding:32px 24px;display:flex;flex-direction:column;transition:transform .3s ease,background-color .3s ease;border:1px solid transparent}.health-card:hover{transform:translateY(-5px);background-color:#fff;border-color:var(--border-color);box-shadow:0 10px 30px #0000000a}.health-icon{width:56px;height:56px;border-radius:50%;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent-color);box-shadow:0 4px 12px #00000005}.health-card-title{font-size:1.125rem;font-weight:700;margin-bottom:12px}.health-card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:24px;flex-grow:1}.health-link{font-size:.9rem;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;margin-top:auto}.health-link:after{content:"→";margin-left:6px;transition:transform .2s ease}.health-link:hover:after{transform:translate(4px)}.gallery-section{padding:120px 0;background-color:var(--surface-color)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;grid-auto-rows:250px}@media(min-width:640px){.gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:20px}}@media(min-width:1024px){.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;gap:24px}}.gallery-item{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000f;cursor:pointer}.gallery-item.wide{grid-column:span 2}@media(max-width:639px){.gallery-item.wide{grid-column:span 1}}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.pricing-section{padding:100px 0;background-color:#fafbfd}.pricing-main-title{color:#1a2238;font-size:2.75rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.pricing-subtitle{color:#64748b;font-size:1.1rem}.pricing-cards-container{display:grid;grid-template-columns:1fr;gap:32px;margin:64px auto;align-items:start}@media(min-width:1024px){.pricing-cards-container{grid-template-columns:1fr 1.1fr 1fr;gap:24px;align-items:stretch}}.pricing-card{background-color:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000a;padding:40px 32px;display:flex;flex-direction:column;height:100%;position:relative;transition:transform .3s ease}.pricing-card.card-unggulan{border:2px solid #ea9010;box-shadow:0 12px 32px #ea901026;transform:scale(1);z-index:10}@media(min-width:1024px){.pricing-card.card-unggulan{transform:scale(1.05)}}.unggulan-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background-color:#ea9010;color:#fff;font-weight:800;font-size:.85rem;padding:8px 24px;border-radius:999px;letter-spacing:.05em;white-space:nowrap}.card-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px dashed #e2e8f0}.card-unggulan .card-header{border-bottom:1px dashed #fbd38d}.tier-name{color:#64748b;font-size:1.1rem;font-weight:800;letter-spacing:.05em;margin-bottom:16px}.tier-name.highlight{color:#d97706}.tier-name.dark{color:#475569}.tier-price{font-size:2.75rem;font-weight:800;color:#1e293b;margin-bottom:16px;line-height:1}.tier-price.highlight{color:#d97706}.tier-badge{display:inline-block;font-weight:700;font-size:.85rem;padding:6px 16px;border-radius:999px;margin-bottom:16px}.tier-badge.ghost{background-color:#f1f5f9;color:#475569}.tier-badge.ghost-blue{background-color:#f0fdfa;color:#0f766e}.tier-badge.yellow{background-color:#fef3c7;color:#b45309}.tier-mess-status{font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.tier-mess-status.success{color:#16a34a}.tier-target{font-size:.85rem;color:#3b82f6;background-color:#eff6ff;display:inline-block;padding:4px 12px;border-radius:999px;margin-top:8px;font-style:italic}.card-body{flex-grow:1;margin-bottom:32px}.list-title{font-size:.8rem;color:#94a3b8;font-weight:700;letter-spacing:.05em;margin-bottom:16px;margin-top:24px}.list-title:first-child{margin-top:0}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:.95rem;color:#334155;line-height:1.4}.icon-orange{color:#f97316}.icon-purple{color:#a855f7}.icon-green{color:#22c55e}.icon-blue{color:#3b82f6}.icon-pink{color:#ec4899}.card-footer{margin-top:auto}.btn-tier-outline{width:100%;padding:16px;border:1px solid #e2e8f0;background:transparent;border-radius:12px;font-size:1rem;font-weight:700;color:#0f172a;transition:all .2s ease}.btn-tier-outline:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-tier-solid{width:100%;padding:16px;border-radius:12px;font-size:1rem;font-weight:700;color:#fff;transition:transform .2s ease,box-shadow .2s}.btn-tier-solid:hover{transform:translateY(-2px)}.btn-tier-solid.warning{background-color:#ea9010;box-shadow:0 4px 14px #ea90104d}.btn-tier-solid.blue{background-color:#2563eb;box-shadow:0 4px 14px #2563eb4d}.pricing-disclaimer{max-width:600px;margin:0 auto;font-size:.95rem;color:#475569}.disclaimer-sub{font-size:.85rem;color:#94a3b8;margin-top:4px}.footer{background-color:var(--surface-color);padding-top:5rem;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:1fr;gap:4rem;margin-bottom:4rem}@media(min-width:992px){.footer-content{grid-template-columns:4fr 5fr}}.footer-logo{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.footer-tagline{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem;max-width:400px}.pricing-cta{background-color:#fff;padding:2rem;border-radius:var(--radius-card);border:1px solid var(--border-color);box-shadow:0 4px 20px #00000008}.pricing-cta h3{font-size:1.5rem;margin-bottom:.5rem}.pricing-cta p{color:var(--text-secondary)}.footer-links-wrapper{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:576px){.footer-links-wrapper{grid-template-columns:repeat(2,1fr)}}.footer-col h4{font-size:1.125rem;margin-bottom:1.5rem;font-weight:700}.footer-col a{display:block;color:var(--text-secondary);margin-bottom:1rem;transition:color .2s ease}.footer-col a:hover{color:var(--text-primary)}.contact-link{display:flex!important;align-items:flex-start;gap:12px}.address-link{color:var(--text-secondary);line-height:1.5}.footer-bottom{border-top:1px solid var(--border-color);padding:1.5rem 0;text-align:center;color:var(--text-secondary);font-size:.9rem}.quote-fresh-section{position:relative;padding:140px 0;background-color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03)}.quote-fresh-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.quote-svg-bg{width:100%;height:100%;position:absolute;bottom:0;transform:scaleY(1.5) translateY(10%)}.quote-fresh-container{z-index:10;max-width:800px;position:relative}.particles-container{position:absolute;inset:-60px;pointer-events:none;z-index:0}.particle-star{position:absolute;color:#ea9010}.quote-fresh-content{position:relative;z-index:10;padding:60px 40px;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px #00000005}.quote-fresh-icon-wrapper{color:#ea9010;margin:0 auto 32px;display:inline-block;opacity:.8}.quote-fresh-text{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;line-height:1.3;color:#0f172a;margin-bottom:40px;letter-spacing:-.02em}.quote-fresh-highlight{display:inline-block;position:relative;color:#ea9010;z-index:1}.quote-fresh-highlight:after{content:"";position:absolute;bottom:10%;left:-2%;width:104%;height:35%;background-color:#ea901026;z-index:-1;border-radius:4px}.quote-fresh-decor{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto}.quote-fresh-decor span{width:60px;height:2px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.decor-diamond{width:10px;height:10px;background-color:#cbd5e1;transform:rotate(45deg)}@media(max-width:640px){.quote-fresh-content{padding:40px 24px}}.floating-wa{position:fixed;bottom:32px;right:32px;width:65px;height:65px;border-radius:50%;background-color:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #25d36666;z-index:1000;text-decoration:none;isolation:isolate}@media(max-width:768px){.floating-wa{bottom:24px;right:24px;width:55px;height:55px}}.wa-icon-container{z-index:10;position:relative;display:flex;align-items:center;justify-content:center}.wa-pulse{position:absolute;inset:-2px;border-radius:50%;background-color:#25d366;z-index:1;animation:wa-pulse 2.5s infinite ease-out;opacity:0}.wa-pulse.delay{animation-delay:1.25s}@keyframes wa-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}.preloader-container{position:fixed;inset:0;width:100vw;height:100vh;background-color:#0f172a;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.preloader-noise{position:absolute;inset:0;width:100%;height:100%;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:1}.preloader-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:8vh 6vw}.preloader-branding{display:flex;justify-content:center;align-items:center;flex:1}.preloader-logo{height:60px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;animation:logo-pulse 2s infinite ease-in-out}@keyframes logo-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.preloader-bottom-section{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px}.preloader-progress-text{font-family:Plus Jakarta Sans,sans-serif;font-size:3rem;font-weight:300;color:#fff;min-width:120px;letter-spacing:-.05em}.preloader-progress-bar{flex:1;height:2px;background-color:#ffffff1a;position:relative;overflow:hidden;border-radius:2px}.progress-fill{position:absolute;top:0;left:0;height:100%;background-color:#fff}@media(max-width:768px){.preloader-content{padding:6vh 24px}.preloader-progress-text{font-size:2rem;min-width:80px}.preloader-logo{height:40px}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999}.modal-container-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;padding:20px}.modal-content{background:var(--bg-color);width:100%;max-width:500px;border-radius:var(--radius-card);position:relative;pointer-events:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-color);overflow:hidden}.modal-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:var(--surface-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-smooth);z-index:2}.modal-close-btn:hover{background:#e2e8f0;color:var(--text-primary);transform:rotate(90deg)}.modal-header{padding:30px 40px 10px;text-align:center}.modal-title{font-size:1.75rem;font-weight:800;margin-bottom:8px;letter-spacing:-.02em;color:var(--accent-color)}.modal-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.modal-form{padding:20px 40px 40px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-secondary);pointer-events:none}.input-wrapper input,.input-wrapper select{width:100%;padding:14px 16px 14px 44px;border:1px solid var(--border-color);border-radius:12px;font-family:inherit;font-size:.95rem;color:var(--text-primary);background:var(--surface-color);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.input-wrapper select{appearance:none;-webkit-appearance:none;cursor:pointer}.select-wrapper:after{content:"▼";font-size:.7rem;position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0000000d;background:var(--bg-color)}.input-wrapper input::placeholder{color:#a0aec0}.btn-modal-submit{width:100%;background:#25d366;color:#fff;padding:16px;border-radius:12px;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;transition:transform .2s ease,background-color .2s ease;box-shadow:0 4px 14px #25d3664d}.btn-modal-submit:hover{background:#1ebc5c;transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.btn-modal-submit:active{transform:translateY(0)}.modal-footer-text{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:16px;line-height:1.4}@media(max-width:640px){.modal-container-wrapper{padding:16px}.modal-header,.modal-form{padding-left:24px;padding-right:24px}.modal-title{font-size:1.5rem}}.cbt-gate-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background-color:#0a0a0a;padding:20px;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif}.cbt-bg-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,#0ea5e91a,#0a0a0a 40%);pointer-events:none;z-index:1}.cbt-bg-pattern{position:absolute;inset:0;opacity:.05;background-image:radial-gradient(#ffffff 1px,transparent 1px);background-size:30px 30px;z-index:1}.cbt-gate-container{width:100%;max-width:480px;z-index:10}.cbt-gate-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.cbt-gate-header{text-align:center;margin-bottom:40px}.icon-shield{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#0ea5e933,#8b5cf633);color:#0ea5e9;margin-bottom:20px;border:1px solid rgba(14,165,233,.3)}.cbt-gate-header h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.cbt-gate-header p{color:#a3a3a3;font-size:.95rem}.form-group-cbt{margin-bottom:24px}.form-group-cbt label{display:block;color:#e5e5e5;font-size:.9rem;font-weight:600;margin-bottom:10px}.cbt-input-wrapper{position:relative;display:flex;align-items:center}.cbt-input-wrapper .input-icon{position:absolute;left:16px;color:#737373;pointer-events:none;transition:color .3s ease}.cbt-input-wrapper input{width:100%;padding:16px 16px 16px 48px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:1.05rem;font-family:monospace;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease;outline:none}.cbt-input-wrapper input::placeholder{color:#525252;letter-spacing:normal;text-transform:none;font-family:Plus Jakarta Sans,sans-serif}.cbt-input-wrapper input:focus{border-color:#0ea5e9;background:#0ea5e90d;box-shadow:0 0 0 4px #0ea5e91a}.cbt-input-wrapper input:focus+.input-icon{color:#0ea5e9}.input-hint{margin-top:8px;font-size:.8rem;color:#737373}.cbt-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.4);color:#ff8a8a;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.9rem;margin-bottom:24px}.btn-cbt-submit{width:100%;background:#0ea5e9;color:#fff;font-weight:700;font-size:1.05rem;padding:16px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;transition:all .3s ease}.btn-cbt-submit:hover:not(:disabled){background:#0284c7;transform:translateY(-2px);box-shadow:0 10px 20px #0ea5e94d}.btn-cbt-submit:disabled{background:#404040;color:#737373;cursor:not-allowed}.cbt-gate-footer{text-align:center;margin-top:32px;color:#a3a3a3;font-size:.9rem}.cbt-gate-footer a{color:#0ea5e9;text-decoration:none;font-weight:600;transition:color .2s ease}.cbt-gate-footer a:hover{color:#38bdf8;text-decoration:underline}@media(max-width:640px){.cbt-gate-card{padding:30px 20px}}.result-header{text-align:center;margin-bottom:32px}.result-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background-color:#10b98133;color:#34d399;margin-bottom:24px}.result-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px}.result-header p{color:#9ca3af}.result-header span{color:#fff;font-weight:600}.result-box{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:24px;margin-bottom:32px}.result-score-main{text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:24px;margin-bottom:24px}.result-score-main p{color:#9ca3af;font-size:.875rem;margin-bottom:4px}.result-score-main h1{font-size:3rem;font-weight:900;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;color:transparent;margin:0}.result-badge-container{margin-top:16px}.badge-pass{padding:6px 16px;border-radius:9999px;background:#10b98133;color:#34d399;font-weight:600;font-size:.875rem;border:1px solid rgba(16,185,129,.3);display:inline-flex;align-items:center;gap:8px}.badge-fail{padding:6px 16px;border-radius:9999px;background:#ef444433;color:#f87171;font-weight:600;font-size:.875rem;border:1px solid rgba(239,68,68,.3)}.result-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.detail-title{color:#6b7280;font-size:.75rem;font-weight:700;margin-bottom:4px}.detail-score{font-size:1.5rem;font-weight:700;margin:0}.text-pass{color:#34d399}.text-fail{color:#f87171}.detail-pg{color:#4b5563;font-size:.625rem;margin-top:4px}.border-sides{border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-outline:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:none}.result-footer-text{text-align:center;color:#6b7280;font-size:.75rem;margin-top:24px}.kraep-layout{display:flex;flex-direction:column;height:100vh;background-color:#f8fafc;overflow:hidden;font-family:Plus Jakarta Sans,sans-serif;-webkit-user-select:none;user-select:none}.kraep-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;z-index:10}.kraep-title{font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.kraep-status-bar{display:flex;align-items:center;gap:1rem}.kraep-col-indicator{font-weight:700;color:#64748b;font-size:.9rem;background:#f1f5f9;padding:.25rem .75rem;border-radius:1rem}.kraep-timer{font-weight:800;color:#2563eb;font-size:1.1rem;display:flex;align-items:center;gap:.25rem}.kraep-timer.danger{color:#dc2626;animation:pulse-danger 1s infinite}.kraep-main{flex:1;overflow:hidden;position:relative;display:flex;justify-content:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.kraep-board{display:flex;flex-direction:row;height:100%;overflow-x:auto;overflow-y:hidden;padding:2rem;gap:2rem;scroll-behavior:smooth}.kraep-column{display:flex;flex-direction:column;align-items:center;opacity:.3;pointer-events:none;transition:opacity .3s ease;min-width:60px}.kraep-column.active-col{opacity:1;pointer-events:auto}.kraep-col-header{font-weight:800;color:#94a3b8;margin-bottom:1rem;background:#fff;padding:.25rem .75rem;border-radius:1rem;box-shadow:0 1px 2px #0000000d;font-size:.8rem}.active-col .kraep-col-header{color:#fff;background:#2563eb}.kraep-cells-wrapper{display:flex;flex-direction:column;height:60vh;overflow-y:auto;padding:10vh 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.kraep-cells-wrapper::-webkit-scrollbar{display:none}.kraep-cell-number{font-size:1.75rem;font-weight:800;color:#0f172a;text-align:center;height:48px;line-height:48px;font-family:monospace}.kraep-row-group{display:flex;flex-direction:column;align-items:center}.kraep-input-wrapper{height:36px;display:flex;align-items:center;justify-content:center;margin:-10px 0;z-index:2}.kraep-input{width:32px;height:28px;font-size:1rem;font-weight:800;text-align:center;border:1px solid #cbd5e1;border-radius:.25rem;background:#fff;color:#0f172a;outline:none;font-family:monospace;box-shadow:0 1px 2px #0000000d;transition:all .2s;padding:0}.active-col .kraep-input:focus,.kraep-input.active{border-color:#2563eb;border-width:2px;box-shadow:0 0 0 4px #2563eb33;transform:scale(1.3);z-index:10}.kraep-footer{padding:.5rem 1.5rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.kraep-btn-finish{background:none;border:1px solid #ef4444;color:#dc2626;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.kraep-btn-finish:hover{background:#fef2f2}.virtual-numpad{background:#f8fafc;border-top:1px solid #e2e8f0;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:20}.numpad-row{display:flex;justify-content:center;gap:.5rem}.numpad-btn{flex:1;max-width:60px;height:48px;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1.25rem;font-weight:800;color:#0f172a;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #cbd5e1}.numpad-btn:active{transform:translateY(2px);box-shadow:0 0 #cbd5e1;background:#f1f5f9}@media(min-width:768px){.hide-on-desktop{display:none}.kraep-cells-wrapper{height:70vh}}.pindah-overlay{position:absolute;inset:0;background:#2563ebe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.pindah-text{font-size:5rem;font-weight:900;letter-spacing:.1em;text-shadow:0 4px 10px rgba(0,0,0,.3)}.pindah-subtext{font-size:1.5rem;font-weight:600;opacity:.9}.kraep-intro{height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:#f8fafc}.kraep-intro-card{background:#fff;padding:3rem 2rem;border-radius:1.5rem;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a;text-align:center}.intro-icon{color:#3b82f6;margin:0 auto 1.5rem}.kraep-intro-card h2{font-size:1.75rem;font-weight:900;color:#0f172a;margin-bottom:1rem}.kraep-intro-card .intro-desc{color:#475569;line-height:1.6;font-size:.95rem;margin-bottom:2rem}.intro-rules{background:#f1f5f9;padding:1.5rem;border-radius:1rem;text-align:left;margin-bottom:2rem}.intro-rules h3{margin:0 0 1rem;font-size:1rem;color:#1e293b}.intro-rules ul{margin:0;padding-left:1.25rem;color:#475569;font-size:.9rem;line-height:1.6}.intro-rules li{margin-bottom:.5rem}.pindah-badge{background:#ef4444;color:#fff;padding:.1rem .4rem;border-radius:.25rem;font-size:.75rem;font-weight:700}.kraep-btn-start{width:100%;background:#2563eb;color:#fff;border:none;padding:1rem;border-radius:.75rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #2563eb4d;transition:all .2s}.kraep-btn-start:hover{background:#1d4ed8;transform:translateY(-2px)}.kraep-loader{display:flex;height:100vh;align-items:center;justify-content:center;font-weight:700;color:#2563eb;font-size:1.2rem}:root{--cbt-primary: #2563eb;--cbt-primary-hover: #1d4ed8;--cbt-success: #10b981;--cbt-success-hover: #059669;--cbt-bg: #f8fafc;--cbt-card: #ffffff;--cbt-text: #1e293b;--cbt-text-light: #64748b;--cbt-border: #e2e8f0}body{margin:0;font-family:Plus Jakarta Sans,sans-serif;background-color:var(--cbt-bg)}.cbt-loader{display:flex;height:100vh;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;color:var(--cbt-primary)}.cbt-view-wrapper{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:1rem}.cbt-view-card{background:var(--cbt-card);width:100%;max-width:400px;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;text-align:center}.cbt-view-card h2{font-size:1.5rem;font-weight:700;color:var(--cbt-text);margin-bottom:.5rem}.cbt-view-card p{color:var(--cbt-text-light);font-size:.875rem;margin-bottom:1.5rem}.cbt-input-group{margin-bottom:1.5rem}.cbt-input-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--cbt-border);border-radius:.5rem;font-size:1rem;box-sizing:border-box}.cbt-btn-primary{width:100%;background-color:var(--cbt-primary);color:#fff;border:none;padding:.875rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.cbt-btn-primary:hover:not(:disabled){background-color:var(--cbt-primary-hover)}.cbt-dash-wrapper{min-height:100vh;padding:1rem;max-width:1000px;margin:0 auto}.cbt-dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--cbt-border)}.cbt-dash-header h2{margin:0;font-size:1.25rem;color:var(--cbt-text)}.cbt-global-timer{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:2rem;font-weight:700;color:var(--cbt-primary);border:1px solid #bfdbfe}.cbt-global-timer.danger{color:#ef4444;border-color:#fca5a5;animation:pulse-danger 1.5s infinite}@keyframes pulse-danger{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.cbt-dash-intro h1{font-size:1.5rem;margin:0 0 .5rem;color:var(--cbt-text)}.cbt-dash-intro p{color:var(--cbt-text-light);line-height:1.5;margin-bottom:2rem;font-size:.95rem}.cbt-dash-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.cbt-dash-cards{grid-template-columns:repeat(3,1fr)}}.cbt-dash-card{background:#fff;border-radius:1rem;padding:1.5rem;border:1px solid var(--cbt-border);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.cbt-dash-card.completed{background:#fcfdfd;border-color:#a7f3d0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-top h3{margin:0;font-size:1.5rem;font-weight:800;color:var(--cbt-primary)}.card-badge{background:#f1f5f9;font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;color:var(--cbt-text-light);font-weight:600}.card-title{margin:0 0 1rem;color:var(--cbt-text);font-weight:500;font-size:.95rem}.card-prog{margin-bottom:1.5rem;margin-top:auto}.prog-text{font-size:.8rem;color:var(--cbt-text-light);margin-bottom:.5rem}.prog-bar-bg{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.prog-bar-fill{height:100%;background:var(--cbt-success);border-radius:3px;transition:width .3s ease}.cbt-btn-success{width:100%;background:var(--cbt-success);color:#fff;border:none;padding:.75rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.cbt-dash-actions{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--cbt-border)}.cbt-btn-submit-all{background:#0f172a;color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,background .2s;width:100%;max-width:400px}.cbt-btn-submit-all:hover:not(:disabled){background:#1e293b;transform:translateY(-2px)}.cbt-tester-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--cbt-bg)}.tester-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border-bottom:1px solid var(--cbt-border);z-index:10}.tester-btn-menu{background:none;border:none;color:var(--cbt-text);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.tester-title-box{background:var(--cbt-primary);color:#fff;padding:.25rem 1rem;border-radius:1rem;font-weight:700;font-size:.9rem}.tester-timer{font-family:monospace;font-weight:700;font-size:1.1rem;color:var(--cbt-primary)}.tester-timer.danger{color:#ef4444}.tester-body{display:flex;flex:1;overflow:hidden;position:relative}.tester-sidebar{position:absolute;top:0;left:0;bottom:0;width:280px;background:#fff;border-right:1px solid var(--cbt-border);z-index:20;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.tester-sidebar.open{transform:translate(0)}.sidebar-header{padding:1rem;font-weight:700;color:var(--cbt-text);border-bottom:1px solid var(--cbt-border);background:#f8fafc}.sidebar-grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;align-content:start}.nav-btn{aspect-ratio:1;border:1px solid var(--cbt-border);background:#fff;border-radius:.375rem;font-weight:600;color:var(--cbt-text-light);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-btn.answered{background:#dcfce3;color:#166534;border-color:#86efac}.nav-btn.active{border-color:var(--cbt-primary);border-width:2px;transform:scale(1.1);box-shadow:0 0 0 2px #2563eb33}.sidebar-footer{padding:1rem;border-top:1px solid var(--cbt-border);background:#fff}.btn-finish-section{width:100%;background:#0f172a;color:#fff;border:none;padding:.75rem;border-radius:.5rem;font-weight:600;cursor:pointer}.sidebar-overlay{position:absolute;inset:0;background:#00000080;z-index:15}.tester-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative}.question-box{padding:1.5rem;flex:1;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.q-badge{display:inline-block;background:#e0e7ff;color:#4338ca;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;margin-bottom:1rem}.q-text{font-size:1.1rem;line-height:1.6;color:var(--cbt-text);margin-top:0;margin-bottom:2rem;font-weight:600}.q-image{max-width:100%;border-radius:.5rem;margin-bottom:2rem;border:1px solid var(--cbt-border)}.options-list{display:flex;flex-direction:column;gap:.75rem;padding-bottom:5rem}.option-card{display:flex;align-items:center;background:#fff;border:1px solid var(--cbt-border);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.option-card input[type=radio]{position:absolute;opacity:0;cursor:pointer}.option-card:hover{border-color:#93c5fd;background:#f0fdfa}.option-card.selected{background:#eff6ff;border-color:var(--cbt-primary);box-shadow:0 0 0 1px var(--cbt-primary)}.opt-indicator{margin-right:1rem;flex-shrink:0}.opt-circle{width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;transition:all .2s}.option-card.selected .opt-circle{background:var(--cbt-primary);color:#fff}.opt-text{flex:1;font-size:.95rem;color:var(--cbt-text);line-height:1.5}.tester-bottom-nav{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--cbt-border);padding:1rem 1.5rem;display:flex;justify-content:space-between;gap:1rem;z-index:5}.btn-nav-arrow{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;flex:1}.btn-nav-arrow.outline{background:#fff;border:1px solid var(--cbt-border);color:var(--cbt-text)}.btn-nav-arrow.outline:hover:not(:disabled){background:#f8fafc}.btn-nav-arrow.outline:disabled{opacity:.5;cursor:not-allowed}.btn-nav-arrow.primary{background:var(--cbt-primary);color:#fff;border:none}.btn-nav-arrow.primary:hover{background:var(--cbt-primary-hover)}.btn-nav-arrow.success{background:var(--cbt-success);color:#fff;border:none}.btn-nav-arrow.success:hover{background:var(--cbt-success-hover)}@media(min-width:768px){.tester-sidebar{position:relative;transform:none;width:300px;height:100%}.tester-btn-menu,.sidebar-overlay{display:none}}@media(max-width:767px){.hide-mobile{display:none}}.admin-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;font-family:Plus Jakarta Sans,sans-serif}.admin-login-card{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%;max-width:400px}.admin-login-icon{display:flex;justify-content:center;color:#0f172a;margin-bottom:1rem}.admin-login-card h2{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:1.5rem;color:#0f172a}.admin-input-pw{width:100%;padding:.875rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;margin-bottom:1rem;color:#0f172a;font-size:1rem;box-sizing:border-box;outline:none;transition:border-color .2s}.admin-input-pw:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-btn-login{width:100%;background-color:#0f172a;color:#fff;padding:.875rem;border-radius:.5rem;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:background .2s}.admin-btn-login:hover{background-color:#1e293b}.admin-layout{background-color:#f8fafc;min-height:100vh;padding:2rem 1.5rem;font-family:Plus Jakarta Sans,sans-serif;color:#0f172a;box-sizing:border-box}.admin-container{max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-header-title h1{font-size:1.75rem;font-weight:800;display:flex;align-items:center;gap:.75rem;margin:0}.icon-blue{color:#2563eb}.admin-header-title p{color:#64748b;margin-top:.25rem;font-size:.95rem}.btn-refresh{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:.5rem;color:#475569;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:all .2s}.btn-refresh:hover{background:#f1f5f9;color:#0f172a}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;flex-wrap:wrap}.tab-btn{background:none;border:none;padding:1rem 1.5rem;font-weight:700;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.95rem;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-btn:hover{color:#0f172a}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.admin-analytics{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.admin-analytics{grid-template-columns:repeat(3,1fr)}}.analytic-card{background:#fff;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;border:1px solid #f1f5f9;transition:transform .2s}.analytic-card:hover{transform:translateY(-3px)}.analytic-icon{width:60px;height:60px;border-radius:1rem;display:flex;justify-content:center;align-items:center}.icon-users{background:#dbeafe;color:#2563eb}.icon-chart{background:#fef08a;color:#ca8a04}.icon-award{background:#dcfce3;color:#16a34a}.analytic-info p{color:#64748b;font-size:.875rem;margin:0 0 .25rem;font-weight:500}.analytic-info h3{font-size:1.75rem;font-weight:800;margin:0;color:#0f172a}.analytic-info span{font-size:.875rem;font-weight:500;color:#94a3b8}.admin-panel{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;border:1px solid #f1f5f9;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f1f5f9}.panel-header h2{font-size:1.125rem;font-weight:800;display:flex;align-items:center;gap:.5rem;margin:0}.btn-generate{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem;border:none;cursor:pointer;transition:background .2s}.btn-generate:hover{background-color:#1d4ed8}.panel-content{overflow-y:auto;max-height:550px;padding:0 1.5rem 1.5rem}.admin-table{width:100%;text-align:left;border-collapse:separate;border-spacing:0}.sticky-header th{position:sticky;top:0;background:#fff;z-index:2}.admin-table th{color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 0;border-bottom:2px solid #f1f5f9;font-weight:700}.admin-table td{padding:1rem 0;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table-hoverable tbody tr{cursor:pointer;transition:background .2s}.table-hoverable tbody tr:hover td{background-color:#f8fafc}.col-token{font-family:monospace;font-size:.95rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.5rem}.btn-copy{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;transition:all .2s}.btn-copy:hover{color:#2563eb;background:#eff6ff}.icon-success{color:#22c55e}.badge{padding:.25rem .75rem;border-radius:1rem;font-size:.7rem;font-weight:700;letter-spacing:.02em}.badge-error{background-color:#fee2e2;color:#b91c1c}.badge-success{background-color:#dcfce3;color:#15803d}.badge-warning{background-color:#fef08a;color:#a16207}.text-user-active{font-weight:600;color:#0f172a;font-size:.875rem}.text-muted{color:#94a3b8;font-size:.875rem}.empty-text{text-align:center;color:#64748b;padding:2rem!important;font-weight:500}.cell-title{font-weight:700;color:#0f172a;font-size:.95rem}.cell-subtitle{font-size:.75rem;color:#64748b;margin-top:.25rem}.cell-score{font-weight:800;color:#2563eb;font-size:1.125rem}.cell-score-small{font-weight:800;color:#0f172a;font-size:1rem}.cell-score-detail{font-size:.7rem;color:#64748b;margin-top:.25rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1rem}.setting-info h4{margin:0 0 .25rem;font-weight:800;color:#0f172a}.setting-info p{margin:0;font-size:.875rem;color:#64748b}.btn-toggle{width:50px;height:30px;background:#cbd5e1;border-radius:20px;border:none;cursor:pointer;position:relative;transition:background .3s}.btn-toggle.active{background:#22c55e}.toggle-dot{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s;box-shadow:0 1px 3px #0003}.btn-toggle.active .toggle-dot{transform:translate(20px)}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;padding:1rem}.modal-box{background:#fff;width:100%;max-width:500px;border-radius:1.5rem;position:relative;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-box.w-wide{max-width:600px}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#64748b;cursor:pointer;transition:background .2s}.modal-close:hover{background:#e2e8f0;color:#0f172a}.modal-header{background:#f8fafc;padding:2rem 2rem 1.5rem;display:flex;align-items:center;gap:1.25rem;border-bottom:1px solid #f1f5f9}.modal-avatar{width:64px;height:64px;background:#e0e7ff;color:#4f46e5;border-radius:50%;display:flex;justify-content:center;align-items:center}.modal-header h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:800;color:#0f172a}.modal-header p{margin:0;font-size:.875rem;color:#475569}.modal-body{padding:2rem;max-height:70vh;overflow-y:auto}.score-highlight{text-align:center;margin-bottom:2rem}.score-highlight span{font-size:.75rem;font-weight:700;color:#64748b;letter-spacing:.05em}.score-highlight h1{font-size:3.5rem;font-weight:900;margin:0;color:#0f172a;line-height:1.1}.modal-badge-success{display:inline-flex;align-items:center;gap:.5rem;background:#dcfce3;color:#15803d;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:700;margin-top:1rem}.modal-badge-error{display:inline-flex;align-items:center;gap:.5rem;background:#fee2e2;color:#b91c1c;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:700;margin-top:1rem}.score-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.score-card{background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;padding:1rem;text-align:center}.shadow-sm{box-shadow:0 1px 2px #0000000d}.kraep-modal-top{display:flex;gap:1rem}.k-stat{flex:1;background:#f8fafc;padding:1rem;border-radius:.5rem;text-align:center}.k-stat span{font-size:.75rem;font-weight:700;color:#64748b;display:block;margin-bottom:.5rem}.k-stat h4{margin:0;font-size:1.125rem;font-weight:800;color:#0f172a}.k-stat small{font-size:.7rem;color:#94a3b8;font-weight:500}.k-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem}.k-chart-title{margin:0 0 1rem;font-size:.95rem;font-weight:800;color:#0f172a}