body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f5f5f8}.sb-button.toggle-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:0;transition:background-color .3s}.bar{background-color:#0098e5;height:3px;width:24px;margin:4px 0;transition:.4s}.sb-button.toggle-button.toggled .bar:first-child{transform:rotate(-45deg) translate(-10px,5px)}.sb-button.toggle-button.toggled .bar:nth-child(2){opacity:0}.sb-button.toggle-button.toggled .bar:nth-child(3){transform:rotate(45deg) translate(-10px,-5px)}.img-login{max-width:60%}.form-select{width:-moz-fit-content;width:fit-content}button,input,optgroup,select,textarea{padding:2% 11% 2% 2%;display:block;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}#datepicker{padding:4px 30px!important}.react-datepicker__calendar-icon{padding:10px 5px 4px!important;right:88%!important}.icon-spin{animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media print{@page{size:A5;margin:0}body,html{height:100%;margin:0;overflow:hidden}body *{visibility:hidden}.modal-body,.modal-body *{visibility:visible}.modal-body{position:relative;left:0;top:0;width:100%;height:100%;padding:20px;box-sizing:border-box;overflow:hidden}.noprint{visibility:hidden;margin-top:-100px}.container{page-break-before:auto}.mb-5{margin-bottom:5px}}@media (min-width:576px){.img-login{max-width:60%}}@media (min-width:768px){.img-login{max-width:100%;max-height:100%;position:relative}}.landing-page{overflow-x:hidden}.landing-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9)!important;border-bottom:1px solid rgba(13,110,253,.08)}.landing-navbar .nav-link{color:#495057!important;transition:color .3s ease}.landing-navbar .nav-link:after{bottom:-4px;left:0;width:0;background:linear-gradient(90deg,#0d6efd,#198754);transition:width .3s ease}.landing-navbar .nav-link:hover:after{width:100%}.landing-navbar .nav-link:hover{color:#0d6efd!important}.landing-badge{border-radius:50px;animation:badge-pulse 4s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.8}}.hero-section{min-height:100vh;padding-top:80px;background:linear-gradient(135deg,#f0f7ff,#e8f4f8 50%,#f5f5f8);position:relative;overflow:hidden}.hero-section:before{top:-150px;right:-150px;width:400px;height:400px;background:radial-gradient(circle,rgba(13,110,253,.08) 0,transparent 70%);animation:hero-orb-pulse 8s ease-in-out infinite}.hero-section:after,.hero-section:before{content:"";position:absolute;pointer-events:none}.hero-section:after{bottom:-200px;left:-150px;width:350px;height:350px;background:radial-gradient(circle,rgba(25,135,84,.06) 0,transparent 70%);animation:hero-orb-pulse 10s ease-in-out infinite reverse}@keyframes hero-orb-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.8}}.hero-badge-animated{background:rgba(25,135,84,.08);border:1px solid rgba(25,135,84,.15);animation:fade-in-up .8s ease-out}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#198754;animation:badge-dot-pulse 2s ease-in-out infinite}@keyframes badge-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-float-card{position:absolute;z-index:2;animation:hero-float-card 5s ease-in-out infinite}.hero-visual-wrapper{position:relative;height:480px}@keyframes hero-float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-deco-dots{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(13,110,253,.2);animation:deco-dot-float 6s ease-in-out infinite;z-index:1}.hero-deco-dots:after,.hero-deco-dots:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(25,135,84,.15)}.hero-deco-dots:before{top:20px;left:30px;animation:deco-dot-float 8s ease-in-out 1s infinite}.hero-deco-dots:after{top:-15px;left:15px;width:5px;height:5px;background:rgba(255,193,7,.2);animation:deco-dot-float 7s ease-in-out 2s infinite}.hero-deco-dots-2{background:rgba(25,135,84,.15)}.hero-deco-dots-2:before{background:rgba(13,110,253,.15)}.hero-deco-dots-2:after{background:rgba(220,53,69,.15)}@keyframes deco-dot-float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:1}}.hero-visual{position:relative;height:420px}.hero-card{position:absolute;background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 8px 32px rgba(0,0,0,.08);text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.5);animation:fade-in-up .8s ease-out}.hero-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.12);border-color:rgba(13,110,253,.2)}.hero-card-1{top:20px;left:10%;animation:hero-float 4s ease-in-out infinite,fade-in-up .8s ease-out .2s both}.hero-card-2{top:140px;right:5%;animation:hero-float 4s ease-in-out 1s infinite,fade-in-up .8s ease-out .4s both}.hero-card-3{bottom:40px;left:15%;animation:hero-float 4s ease-in-out 2s infinite,fade-in-up .8s ease-out .6s both}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-card-img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:all .3s ease}.hero-card:hover .hero-card-img{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 6px 16px rgba(0,0,0,.15))}.hero-title{line-height:1.2}.hero-subtitle{max-width:520px;line-height:1.7}.hero-stat{animation:fade-in-up .8s ease-out both}.hero-stat:first-child{animation-delay:.6s}.hero-stat:nth-child(2){animation-delay:.8s}.hero-stat:nth-child(3){animation-delay:1s}.pain-glass{background:hsla(0,0%,100%,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid hsla(0,0%,100%,.9);box-shadow:0 16px 48px rgba(13,60,120,.16);border-radius:20px;padding:18px;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.pain-glass:hover{transform:translateY(-2px)}.pain-glass.is-active{transform:translateY(-4px) scale(1.03);z-index:5}.pain-glass:focus-visible{outline:3px solid rgba(13,110,253,.3);outline-offset:3px}.pain-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.pain-body.open{grid-template-rows:1fr}.pain-body>div{overflow:hidden}@media (min-width:992px){.pain-stage{min-height:560px;display:flex;flex-direction:column;justify-content:center}.pain-overlay-card{position:absolute;width:274px;z-index:3}.pain-card-1{left:max(0px,calc((100% - 980px) / 2));top:9%}.pain-card-2{right:max(0px,calc((100% - 980px) / 2));top:40%}.pain-card-3{left:calc(max(0px, calc((100% - 980px) / 2)) + 2%);bottom:7%}}@media (max-width:991.98px){.pain-overlay-card{position:relative;width:100%;margin-top:14px}}@media (prefers-reduced-motion:reduce){.pain-body,.pain-glass{transition:none}}.about-visual{padding:20px}.about-box{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 4px 16px rgba(0,0,0,.06);margin-bottom:16px;transition:all .3s ease;border:1px solid rgba(0,0,0,.03);animation:fade-in-left .6s ease-out both}.about-box:hover{transform:translateX(8px) scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:rgba(13,110,253,.1)}.about-box-1{margin-left:0;animation-delay:.2s}.about-box-2{margin-left:40px;animation-delay:.4s}.about-box-3{margin-left:20px;animation-delay:.6s}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.about-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-heading .section-badge{display:inline-block}.section-heading .section-badge,.section-heading h2,.section-heading p{animation:fade-in-up .6s ease-out both}.section-heading .section-badge{animation-delay:.1s}.section-heading h2{animation-delay:.2s}.section-heading p{animation-delay:.3s}.feature-card{transition:all .3s ease;border:1px solid #f0f0f0;animation:fade-in-up .6s ease-out both}.feature-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 40px rgba(0,0,0,.12)!important;border-color:rgba(13,110,253,.2)}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto;background:linear-gradient(135deg,#e8f4f8,#f0f7ff);color:#0d6efd;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg);background:linear-gradient(135deg,#e8f4f8,#0d6efd);color:#fff}#fitur .feature-card:first-child{animation-delay:.1s}#fitur .feature-card:nth-child(2){animation-delay:.2s}#fitur .feature-card:nth-child(3){animation-delay:.3s}#fitur .feature-card:nth-child(4){animation-delay:.4s}#fitur .feature-card:nth-child(5){animation-delay:.5s}#fitur .feature-card:nth-child(6){animation-delay:.6s}.steps-container{position:relative;animation:fade-in-up .8s ease-out both}.steps-container:before{content:"";position:absolute;top:28px;left:0;right:0;height:3px;background:linear-gradient(90deg,#0d6efd,#198754 50%,#ffc107);border-radius:3px;transform:scaleX(0);transform-origin:left;animation:steps-line-draw 1s ease-out .3s forwards}@keyframes steps-line-draw{to{transform:scaleX(1)}}.step-item{position:relative;z-index:2;animation:fade-in-up .6s ease-out both}.step-item:first-child{animation-delay:.2s}.step-item:nth-child(2){animation-delay:.4s}.step-item:nth-child(3){animation-delay:.6s}.step-item:nth-child(4){animation-delay:.8s}.step-num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#0d6efd,#0d4a7c);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 16px rgba(13,110,253,.25);animation:step-pulse 3s ease-in-out infinite}@keyframes step-pulse{0%,to{box-shadow:0 4px 16px rgba(13,110,253,.25)}50%{box-shadow:0 0 24px rgba(13,110,253,.5)}}.arch-diagram-simple{background:radial-gradient(ellipse at center,#f0f7ff 0,#fff 70%);border:2px solid #e0e8f0;position:relative;overflow:hidden}.arch-diagram-simple:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,110,253,.03) 1px,transparent 0),linear-gradient(90deg,rgba(13,110,253,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.arch-flow-container{position:relative;z-index:2}.arch-layer-badge-simple{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:50px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:1.5px solid}.arch-layer-simple{position:relative;z-index:2}.arch-flow-line-simple{position:relative;width:3px;height:50px;background:linear-gradient(180deg,rgba(13,110,253,.15),rgba(13,110,253,.3),rgba(13,110,253,.15));margin:0 auto;border-radius:2px;overflow:visible}.arch-flow-dot-simple{position:absolute;width:8px;height:8px;border-radius:50%;left:-2.5px;animation:arch-flow-down 2.5s linear infinite;box-shadow:0 0 8px currentColor}.arch-flow-dot-simple.blue{background:#0d6efd}.arch-flow-dot-simple.green{background:#198754}.arch-flow-dot-simple.purple{background:#6f42c1}.arch-flow-dot-simple.orange{background:#ffc107}.arch-flow-dot-simple:first-child{animation-delay:0s}.arch-flow-dot-simple:nth-child(2){animation-delay:.8s}.arch-flow-dot-simple:nth-child(3){animation-delay:1.6s}@keyframes arch-flow-down{0%{top:-8px;opacity:0}8%{opacity:1}92%{opacity:1}to{top:calc(100% + 8px);opacity:0}}.arch-node{background:#fff;border-radius:14px;padding:16px 12px;text-align:center;border:2px solid #e8edf2;transition:all .3s ease;position:relative;z-index:2;opacity:0;animation:arch-node-fade-in .6s ease forwards;transform:translateY(10px)}@keyframes arch-node-fade-in{to{opacity:1;transform:translateY(0)}}.arch-node:hover{transform:translateY(-4px) scale(1.03)!important;box-shadow:0 12px 32px rgba(0,0,0,.1)}.arch-user-node{min-width:130px;border:2px solid #e0e8f0}.arch-node-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.arch-service-node-simple{border:1.5px solid #e8edf2}.arch-external-node{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:20px;text-align:center;border:2px dashed #d0d7de;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.arch-payment-gateway{border-color:#0d6efd;box-shadow:0 0 0 4px rgba(13,110,253,.1);animation:arch-glow-pulse 3s ease-in-out infinite}@keyframes arch-glow-pulse{0%,to{box-shadow:0 0 0 4px rgba(13,110,253,.1)}50%{box-shadow:0 0 16px 8px rgba(13,110,253,.2)}}.arch-digiflazz{border-color:#06f;box-shadow:0 0 0 4px rgba(0,102,255,.1);animation:arch-glow-pulse-blue 3s ease-in-out infinite;animation-delay:.5s}@keyframes arch-glow-pulse-blue{0%,to{box-shadow:0 0 0 4px rgba(0,102,255,.1)}50%{box-shadow:0 0 16px 8px rgba(0,102,255,.2)}}.arch-ext-pulse-ring{position:absolute;top:50%;left:50%;width:140px;height:140px;border-radius:50%;border:2px solid rgba(13,110,253,.15);transform:translate(-50%,-50%);animation:arch-pulse-expand 4s ease-in-out infinite;pointer-events:none}@keyframes arch-pulse-expand{0%{transform:translate(-50%,-50%) scale(.7);opacity:.8}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.arch-digiflazz .arch-ext-pulse-ring{border-color:rgba(0,102,255,.15)}.arch-external-spotlight{position:relative;margin-bottom:16px}.arch-external-spotlight:last-child{margin-bottom:0}.arch-external-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:4px}.arch-external-icon-glow{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(13,110,253,.1),rgba(25,135,84,.1));animation:arch-icon-spin 6s linear infinite}@keyframes arch-icon-spin{0%,to{transform:rotate(0deg)}50%{transform:rotate(10deg)}}.arch-external-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.7);border-radius:12px;margin-bottom:8px}.arch-ext-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0}.arch-external-icon-rounded{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.arch-external-row .arch-external-icon-rounded{width:32px;height:32px;font-size:.7rem}.arch-data-node-simple{background:#fff;border-radius:14px;padding:20px 16px;text-align:center;border:2px solid #e0e8f0;position:relative;transition:all .3s ease;height:100%}.arch-data-node-simple img.arch-tech-logo-simple{animation:arch-tech-pulse 4s ease-in-out infinite}@keyframes arch-tech-pulse{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.08)) opacity(1)}50%{filter:drop-shadow(0 0 12px rgba(0,0,0,.15)) opacity(.85)}}.arch-tech-logo-simple{width:28px;height:28px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06))}.arch-status-simple{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;animation:arch-blink 1.5s ease-in-out infinite}@keyframes arch-blink{0%,to{opacity:1}50%{opacity:.3}}.arch-flow-container{animation:fade-in-up .8s ease-out both}.trust-card{transition:all .3s ease;border:1px solid #f0f0f0;animation:fade-in-up .6s ease-out both}.trust-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 40px rgba(0,0,0,.12)!important;border-color:rgba(13,110,253,.2)}.perf-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;border:1px solid #e9ecef;transition:all .3s ease;height:100%;animation:fade-in-up .6s ease-out both}.perf-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 40px rgba(0,0,0,.12)!important;border-color:rgba(13,110,253,.2)}#peforma .perf-card:first-child{animation-delay:.1s}#peforma .perf-card:nth-child(2){animation-delay:.2s}#peforma .perf-card:nth-child(3){animation-delay:.3s}#peforma .perf-card:nth-child(4){animation-delay:.4s}#peforma .perf-card:nth-child(5){animation-delay:.5s}#peforma .perf-card:nth-child(6){animation-delay:.6s}#peforma .perf-card:nth-child(7){animation-delay:.7s}#peforma .perf-card:nth-child(8){animation-delay:.8s}.section-badge{display:inline-block;animation:fade-in-up .6s ease-out both}.perf-number{font-size:2.8rem;font-weight:800;line-height:1;margin-bottom:4px}.perf-unit{font-size:1rem;font-weight:600;opacity:.7}.perf-label{font-size:.85rem;font-weight:600;color:#495057;margin-top:4px}.perf-desc{font-size:.75rem;color:#adb5bd}.perf-bar{height:6px;border-radius:3px;background:#e9ecef;margin-top:16px;overflow:hidden}.perf-bar-fill{height:100%;border-radius:3px;transition:width 1.5s ease}.tech-logo-img{width:48px;height:48px;object-fit:contain;margin-bottom:8px;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.tech-logo-img:hover{transform:scale(1.15)}.tech-stack-card:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px rgba(0,0,0,.1)}#peforma .tech-stack-card:first-child{animation-delay:.1s}#peforma .tech-stack-card:nth-child(2){animation-delay:.2s}#peforma .tech-stack-card:nth-child(3){animation-delay:.3s}#peforma .tech-stack-card:nth-child(4){animation-delay:.4s}#peforma .tech-stack-card:nth-child(5){animation-delay:.5s}#peforma .tech-stack-card:nth-child(6){animation-delay:.6s}#peforma .tech-stack-card:nth-child(7){animation-delay:.7s}#peforma .tech-stack-card:nth-child(8){animation-delay:.8s}#peforma .tech-stack-card:nth-child(9){animation-delay:.9s}#peforma .tech-stack-card:nth-child(10){animation-delay:1s}.tech-logo-fallback{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 8px;border-radius:12px;background:rgba(0,102,255,.1);transition:transform .3s ease}.tech-stack-card:hover .tech-logo-fallback{transform:scale(1.15)}.arch-external-row{animation:fade-in-up .6s ease-out both}.arch-external-row:first-child{animation-delay:.3s}.arch-external-row:nth-child(2){animation-delay:.5s}.daftar-bullet{transition:all .3s ease;opacity:0;animation:fade-in-left .6s ease-out forwards}.daftar-bullet:hover{transform:translateX(4px);background:rgba(13,110,253,.05)}#footer-col-1{animation:fade-in-up .6s ease-out .1s both}#footer-col-2{animation:fade-in-up .6s ease-out .2s both}#footer-col-3{animation:fade-in-up .6s ease-out .3s both}#footer-col-4{animation:fade-in-up .6s ease-out .4s both}html{scroll-behavior:smooth}@media (max-width:1199.98px){.arch-flow-line-simple{height:35px}.arch-flow-dot-simple{width:7px;height:7px}.hero-card-1{top:10px;left:5%}.hero-card-2{top:100px;right:0}.hero-card-3{bottom:20px;left:5%}}@media (max-width:991.98px){.hero-section{min-height:auto;padding-top:100px;padding-bottom:40px}.hero-visual-wrapper{height:auto!important;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:0 8px}.hero-float-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;animation:fade-in-up .6s ease-out both!important;width:100%;max-width:320px}.hero-float-card:nth-child(2){animation-delay:.1s!important}.hero-float-card:nth-child(3){animation-delay:.2s!important}.hero-float-card:nth-child(4){animation-delay:.3s!important}.hero-float-card:nth-child(5){animation-delay:.4s!important}.hero-deco-dots{display:none}.hero-section:before{width:300px;height:300px;top:-100px;right:-100px}.hero-section:after{width:250px;height:250px;bottom:-120px;left:-100px}.about-box-2,.about-box-3{margin-left:0}.arch-diagram-simple{padding:24px 12px!important}.arch-flow-line-simple{height:35px}.arch-user-node{min-width:100px;padding:12px 10px}.perf-number{font-size:2.2rem}.perf-card{padding:24px 16px}}@media (max-width:767.98px){.hero-section{padding-top:70px}.hero-visual-wrapper{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hero-float-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;animation:none!important;width:100%}.hero-float-card .p-3{padding:10px 12px!important}.hero-deco-dots{display:none}.landing-navbar .navbar-nav{margin-bottom:1rem}.arch-external-spotlight{margin-bottom:12px}.arch-external-node{padding:16px}.arch-ext-pulse-ring{width:120px;height:120px}.arch-flow-line-simple{height:30px}.perf-number{font-size:1.8rem}.perf-card{padding:20px 12px}.perf-label{font-size:.75rem}.perf-desc{font-size:.65rem}.tech-stack-card{padding:20px 12px}.tech-logo-fallback,.tech-logo-img{width:40px;height:40px}.step-num{width:48px;height:48px;font-size:1rem}.steps-container:before{display:none}}.arch-diagram{background:linear-gradient(135deg,#f8f9ff,#f0f4ff 50%,#f8f9ff);border:2px solid #e0e8f0;position:relative;overflow:hidden}.arch-diagram:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,110,253,.02) 1px,transparent 0),linear-gradient(90deg,rgba(13,110,253,.02) 1px,transparent 0);background-size:32px 32px;pointer-events:none}.arch-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 18px;border-radius:50px;font-size:.7rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.arch-flow{position:relative;width:3px;height:56px;margin:0 auto;border-radius:2px;overflow:visible}.arch-flow:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,110,253,.08),rgba(13,110,253,.25),rgba(13,110,253,.08));border-radius:2px}.arch-dot{width:10px;height:10px;left:-3.5px;animation:dot-fall 3s linear infinite}.arch-dot,.arch-dot:after{position:absolute;border-radius:50%}.arch-dot:after{content:"";inset:-3px;background:inherit;opacity:.3}.arch-dot:first-child{animation-delay:0s}.arch-dot:nth-child(2){animation-delay:1s}.arch-dot:nth-child(3){animation-delay:2s}@keyframes dot-fall{0%{top:-10px;opacity:0}6%{opacity:1}94%{opacity:1}to{top:calc(100% + 10px);opacity:0}}.arch-dot.c-blue{background:#0d6efd;box-shadow:0 0 12px #0d6efd}.arch-dot.c-green{background:#198754;box-shadow:0 0 12px #198754}.arch-dot.c-purple{background:#6f42c1;box-shadow:0 0 12px #6f42c1}.arch-dot.c-orange{background:#fd7e14;box-shadow:0 0 12px #fd7e14}.arch-card{background:#fff;border-radius:14px;padding:16px 12px;text-align:center;border:2px solid #e8edf2;transition:all .3s ease;position:relative;z-index:2}.arch-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:#c8d6e5}.arch-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.arch-user{min-width:120px;border:2px solid #e0e8f0}.arch-logo{width:28px;height:28px;object-fit:contain}.arch-ext{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px dashed #d0d7de;border-radius:16px;padding:20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.arch-ext:hover{border-style:solid;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.arch-ext-glow{position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;border:2px solid rgba(13,110,253,.12);transform:translate(-50%,-50%);animation:ext-pulse 4s ease-in-out infinite;pointer-events:none}@keyframes ext-pulse{0%,to{transform:translate(-50%,-50%) scale(.7);opacity:.8}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.arch-ext-glow.blue{border-color:rgba(13,110,253,.15)}.arch-ext-glow.green{border-color:rgba(0,102,255,.15);animation-delay:.5s}.arch-status{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600}.arch-status-dot{width:7px;height:7px;border-radius:50%;animation:blink-dot 2s ease-in-out infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.arch-flow-h{position:relative;height:3px;width:100%;border-radius:2px;overflow:visible;flex-shrink:1}.arch-flow-h:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,110,253,.08),rgba(13,110,253,.25),rgba(13,110,253,.08));border-radius:2px}.arch-dot-h{width:8px;height:8px;top:-2.5px;animation:dot-run 2.5s linear infinite}.arch-dot-h,.arch-dot-h:after{position:absolute;border-radius:50%}.arch-dot-h:after{content:"";inset:-2px;background:inherit;opacity:.3}.arch-dot-h:first-child{animation-delay:0s}.arch-dot-h:nth-child(2){animation-delay:.8s}@keyframes dot-run{0%{left:-8px;opacity:0}8%{opacity:1}92%{opacity:1}to{left:calc(100% + 8px);opacity:0}}.arch-step-num{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.15)}.pain-card{transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pain-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(180deg,transparent,rgba(25,135,84,.03));transition:height .4s ease;pointer-events:none;z-index:0}.pain-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.1)}.pain-card:hover:after{height:100%}@keyframes ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes chip-in{0%{opacity:0;transform:scale(.8) translateY(4px)}to{opacity:.7;transform:scale(1) translateY(0)}}#arsitektur .section-badge{font-size:.72rem;letter-spacing:.16em}#arsitektur h3,#arsitektur h5,#arsitektur h6{letter-spacing:-.01em;line-height:1.3}#arsitektur p{line-height:1.7}#arsitektur .arch-desc-sm{font-size:.72rem;line-height:1.5}#arsitektur .arch-item-label{line-height:1.35}#arsitektur .arch-checklist span{line-height:1.45}.alur-fade{opacity:0;animation:fade-in-up .6s ease-out forwards}.alur-desc{font-size:.72rem;line-height:1.55}.alur-d1{animation-delay:.1s}.alur-d2{animation-delay:.2s}.alur-d3{animation-delay:.3s}.alur-d4{animation-delay:.4s}.alur-d5{animation-delay:.5s}.alur-node{transition:transform .25s ease,box-shadow .25s ease}.alur-node:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(13,60,120,.12)}@keyframes alur-wait-pulse{0%,to{opacity:1}50%{opacity:.4}}.alur-badge-waiting{animation:alur-wait-pulse 1.6s ease-in-out infinite}@keyframes alur-done-glow{0%,to{box-shadow:0 0 0 0 rgba(25,135,84,.35)}50%{box-shadow:0 0 0 8px rgba(25,135,84,0)}}.alur-node-done{animation:alur-done-glow 2.2s ease-out infinite}@media (prefers-reduced-motion:reduce){.alur-badge-waiting,.alur-fade,.alur-node-done{animation:none!important}.alur-fade{opacity:1!important}.arch-dot-h,.arch-flow-dot-simple{display:none}}.landing-page [id]{scroll-margin-top:84px}.vs-table thead th{background:#f8fafc}.vs-table td,.vs-table th{border-color:rgba(13,60,120,.07)}.vs-table tbody tr{transition:background .2s ease}.vs-table tbody tr:hover{background:rgba(13,110,253,.03)}.landing-page .section-heading h2{letter-spacing:-.01em;line-height:1.25}.landing-page .section-heading p{font-size:.98rem;line-height:1.7}.landing-page .section-badge{letter-spacing:.14em}.section-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.15rem;border-radius:50rem}.section-pill.pill-primary{background:rgba(13,110,253,.06);border:1px solid rgba(13,110,253,.12);color:#0d6efd}.section-pill.pill-success{background:rgba(25,135,84,.06);border:1px solid rgba(25,135,84,.12);color:#198754}.section-pill.pill-warning{background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.18);color:#b8860b}.section-pill.pill-danger{background:rgba(220,53,69,.06);border:1px solid rgba(220,53,69,.12);color:#dc3545}.landing-navbar{z-index:1030}.landing-navbar .navbar-brand{color:#0d4a7c;font-size:1.05rem;letter-spacing:-.2px}.landing-navbar .nav-link{position:relative;font-weight:500;color:#495057;padding-left:.75rem;padding-right:.75rem;transition:color .2s ease}.landing-navbar .nav-link:hover{color:#0d6efd}.landing-navbar .nav-link:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:0;height:2px;border-radius:2px;background:#0d6efd;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.landing-navbar .nav-link:hover:after{transform:scaleX(1)}.landing-toggler{width:42px;height:42px;padding:0;border:1px solid #dee2e6;border-radius:12px;background:#fff;color:#0d4a7c;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease}.landing-toggler:hover{background:#f8f9fa;border-color:#ced4da}.landing-toggler:focus{box-shadow:0 0 0 .2rem rgba(13,110,253,.15)}.landing-toggler:active{transform:scale(.95)}@media (max-width:991.98px){.landing-navbar .navbar-collapse{margin-top:12px;padding:14px;background:#fff;border:1px solid #edf0f2;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.landing-navbar .navbar-nav{gap:2px!important}.landing-navbar .nav-link{padding:11px 12px;border-radius:10px}.landing-navbar .nav-link:hover{background:rgba(13,110,253,.06)}.landing-navbar .nav-link:after{display:none}.landing-navbar .login-button{width:100%;margin-top:10px;padding-top:10px;padding-bottom:10px}}@media (min-width:992px){.landing-navbar .navbar-collapse{display:flex!important}}.harga-price{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#0d4a7c}.harga-unit{margin-left:.3rem;font-size:.85rem;font-weight:600;color:#6c757d;letter-spacing:0}.harga-strike{text-decoration:line-through;opacity:.7}.tier-card{position:relative;transition:transform .25s ease,box-shadow .25s ease}.tier-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;white-space:nowrap;padding:.35rem .9rem;border-radius:50rem;background:#0d6efd;color:#fff;font-size:.68rem;font-weight:700;box-shadow:0 6px 14px rgba(13,110,253,.35)}.tier-popular{border:2px solid rgba(13,110,253,.45)!important}.tier-match{outline:2px dashed rgba(25,135,84,.55);outline-offset:-2px}@media (min-width:992px){.tier-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(13,60,120,.12)!important}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in-up .8s ease-out both}.animate-fade-in-delay{animation:fade-in-up .8s ease-out .3s both}.opacity-0{opacity:0}.perf-card-animated{animation:slideInUp .6s ease-out both}.perf-card-animated:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 40px rgba(0,0,0,.12)!important}.tech-stack-animated{transition:all .3s ease}.tech-stack-animated:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:rgba(13,110,253,.3)}.faq-item{background:#fff;border:1px solid #e9ecef;transition:all .3s ease;display:flex;flex-direction:column}.faq-item:hover{border-color:rgba(13,110,253,.3);box-shadow:0 4px 12px rgba(0,0,0,.05)}.faq-item-active{border-color:rgba(13,110,253,.4);box-shadow:0 8px 24px rgba(13,110,253,.1)}.faq-question{background:none;border:none;cursor:pointer;font-size:1rem;flex:0 0 auto}.faq-icon,.faq-question:hover{color:#0d6efd}.faq-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(13,110,253,.1);transition:all .3s ease}.faq-item-active .faq-icon{background:#0d6efd;color:#fff}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;flex:1 1 auto}.faq-answer-open{max-height:300px}.faq-answer-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trust-card{border-left:4px solid #0d6efd}.trust-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px}.copyright-card{border-left:4px solid #ffc107}.copyright-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.copyright-thumbnail-wrapper{position:relative;border:2px solid #ffc107;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:all .3s ease}.copyright-thumbnail-wrapper:hover{border-color:#ff9800;box-shadow:0 8px 24px rgba(255,193,7,.3);transform:translateY(-2px)}.copyright-thumbnail{width:100%;height:180px;object-fit:cover;display:block;pointer-events:auto}.copyright-thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.copyright-thumbnail-wrapper:hover .copyright-thumbnail-overlay{opacity:1}.sertifikat-modal .modal-content{background:rgba(0,0,0,.95);border:none;border-radius:12px}.sertifikat-modal .modal-header .btn-close{filter:invert(1);opacity:.8}.sertifikat-modal .modal-header .btn-close:hover{opacity:1}.sertifikat-modal .modal-body{background:transparent}.comparison-card-mobile{border-left:3px solid #0d6efd;transition:all .3s ease}.comparison-card-mobile:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}@media (max-width:767.98px){#kenapa-kami h2{font-size:1.5rem}#kenapa-kami .section-heading p{font-size:.9rem;padding:0 1rem}.comparison-card-mobile .card-body{padding:1rem!important}.comparison-card-mobile h6{font-size:.95rem;line-height:1.4}.comparison-card-mobile .small{font-size:.85rem}.landing-navbar .dropdown-menu{border:none;box-shadow:none;padding-left:1rem;background:transparent}.landing-navbar .dropdown-item{padding:.5rem 1rem;font-size:.9rem}.landing-navbar .dropdown-item:hover{background:rgba(13,110,253,.1)}}.stat-number{font-size:1.8rem;font-weight:800}.stat-label{font-size:.85rem}.welcome-banner{background:linear-gradient(135deg,#e8f6fe,#f5f9ff 55%,#eefbf5);border:1px solid rgba(0,152,229,.12)!important}.welcome-greeting{font-size:1.5rem;font-weight:700;color:#0b2b3c;line-height:1.2}.welcome-sub{color:#5a6b76;font-size:.925rem;max-width:46rem}.badge-soft{display:inline-block;padding:.3rem .7rem;border-radius:999px;background:rgba(0,152,229,.12);color:#0074ad;font-size:.78rem;font-weight:600}.hero-saldo{background:linear-gradient(135deg,#0098e5,#0476c4 55%,#0b5fa5)}.hero-saldo .hero-label{font-size:.85rem;opacity:.85}.hero-saldo .hero-breakdown{border-top:1px solid hsla(0,0%,100%,.25);font-size:.875rem;opacity:.95}.stat-card{transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 .75rem 1.5rem rgba(11,43,60,.08)!important}.stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.85rem;flex-shrink:0}.stat-helper{font-size:.75rem;color:#8494a0;line-height:1.35;margin-top:.15rem}.action-tile{display:flex;align-items:center;gap:.85rem;width:100%;height:100%;text-align:left;padding:.9rem 1rem;background-color:#fff;border:1px solid #e9eef3;border-radius:.9rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.action-tile:hover{transform:translateY(-2px);border-color:rgba(0,152,229,.4);box-shadow:0 .6rem 1.25rem rgba(11,43,60,.08)}.action-tile-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.75rem;flex-shrink:0}.action-tile-body{display:flex;flex-direction:column}.action-tile-title{font-weight:600;font-size:.95rem;color:#0b2b3c}.action-tile-desc{font-size:.78rem;color:#8494a0;line-height:1.3}.detail-header{background:linear-gradient(135deg,#0098e5,#0476c4 55%,#0b5fa5)}.avatar-circle{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;background:hsla(0,0%,100%,.95);color:#0476c4;font-size:1.75rem;font-weight:700;letter-spacing:.03em}.badge-soft-light{display:inline-block;padding:.3rem .7rem;border-radius:999px;background:hsla(0,0%,100%,.2);color:#fff;font-size:.78rem;font-weight:600}.info-row{border-bottom:1px solid #eef2f6}.info-row:last-child{border-bottom:none}.quick-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.quick-card:hover{transform:translateY(-2px);box-shadow:0 .75rem 1.5rem rgba(11,43,60,.08)!important}.accounting-table th{background-color:#f3f6f9;font-size:.8rem;text-transform:uppercase;color:#6b7b87}.accounting-table td{font-size:.9rem}.journal-entry{border-bottom:2px solid #eef2f6}.journal-entry:last-child{border-bottom:none}.journal-total td{background-color:#fafbfc;border-top:1px dashed #dde3e9}.statement{max-width:100%}.statement-row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;font-size:.925rem}.statement-section-title{font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em;color:#0098e5;border-bottom:1px solid #eef2f6;padding-bottom:.35rem;margin-bottom:.5rem}.statement-subtotal{border-top:1px solid #eef2f6;margin-top:.25rem;padding-top:.5rem}.statement-total{border-top:2px solid #0b2b3c;padding-top:.6rem}.user-table-desktop{display:block!important}.user-cards-mobile{display:none!important}@media (max-width:767.98px){.user-table-desktop{display:none!important}.user-cards-mobile{display:block!important}}@media print{body *{visibility:hidden}.accounting-page,.accounting-page *{visibility:visible}.accounting-page{position:absolute;left:0;top:0;width:100%;padding:0}.filter-print-hide,.print-hide{display:none!important}.accounting-page .card{box-shadow:none!important;border:none!important}.accounting-page .table{forced-color-adjust:exact}}.lifetime-divider{border-left:none!important}@media (min-width:768px){.lifetime-divider{border-left:1px solid hsla(0,0%,100%,.12)!important}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:auto}}.Toastify__toast{--y:0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right;border-bottom-left-radius:0;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}