:root{--primary:#6a1b9a;--primary-light:#9c27b0;--accent:#d500f9;--bg-light:#f9f5fc;--text:#222;--gray:#555}body{background:linear-gradient(to bottom,#fff,var(--bg-light));color:var(--text);font-family:Poppins,sans-serif;margin:0}header{justify-content:space-between;left:0;padding:20px 40px;position:absolute;right:0;top:0;z-index:100}.logo,header{align-items:center;display:flex}.logo{gap:10px}.logo img{height:50px}.logo-text{-webkit-text-fill-color:transparent;background:linear-gradient(to right,var(--primary),var(--primary-light));-webkit-background-clip:text;font-size:28px;font-weight:700}.logo small{color:var(--primary-light);display:block;font-size:12px}.login-btn{background:var(--primary);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px;transition:.3s}.login-btn:hover{background:var(--primary-light)}.hero{align-items:center;display:flex;justify-content:center;padding:140px 40px 80px;position:relative;text-align:center}.hero-content{max-width:600px;z-index:2}.hero h1{color:var(--text);font-size:3.5rem;line-height:1.1;margin:0 0 10px}.hero .subtitle,.hero h1 span{color:var(--primary)}.hero .subtitle{font-size:1.8rem;margin:10px 0}.hero .saving{color:#000;font-size:2.2rem;font-weight:700;margin:15px 0}.hero p{color:var(--gray);font-size:1.1rem;margin:20px auto;max-width:500px}.hero-buttons{display:flex;gap:20px;justify-content:center;margin:30px 0}.btn-purple{background:var(--primary);border:none;border-radius:50px;box-shadow:0 6px 15px rgba(106,27,154,.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 32px;transition:.3s}.btn-purple:hover{box-shadow:0 12px 25px rgba(106,27,154,.4);transform:translateY(-3px)}.mascot-hero{max-width:380px;z-index:1}@keyframes fly{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-20px) rotate(5deg)}}.forms-section{padding:0 20px 60px}.form-box{background:#fff;border:3px solid var(--primary);border-radius:16px;box-shadow:0 8px 25px rgba(106,27,154,.15);flex:1;padding:25px}.forms-section{gap:20px}.forms-section .form-box:first-child{flex:2}.forms-section .form-box:last-child{max-width:320px}.form-box h3{color:var(--primary);font-size:1.3rem;margin-bottom:8px}.form-box p{color:var(--gray);font-size:.95rem;margin-bottom:15px}.form-row{flex-wrap:wrap}.form-row input{flex:1}.form-row input,.form-row select{border:1px solid #ddd;border-radius:8px;min-width:100px;padding:12px}.form-row button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 16px}.section-title{color:var(--primary);font-size:2.2rem;margin:40px 0 20px;padding:0 20px;text-align:center}.pain-section{background:#fff;padding:40px 20px}.pain-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.pain-card{background:#fff;border:2px solid var(--primary);border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.08);overflow:hidden;text-align:center;transition:.3s}.pain-card:hover{box-shadow:0 12px 30px rgba(106,27,154,.2);transform:translateY(-8px)}.pain-card img{height:160px;-o-object-fit:cover;object-fit:cover;width:100%}.pain-card p{color:var(--gray);font-size:.95rem;margin:0;padding:15px}.solution-section{background:var(--bg-light);padding:60px 20px;text-align:center}.benefits-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);max-width:700px;text-align:left}.benefit-item{font-size:1.05rem;margin:15px 0;padding-left:40px;position:relative}.benefit-item:before{color:var(--primary);content:"✅";font-size:1.8rem;left:0;position:absolute;top:0}.quote{color:var(--primary);font-size:1.4rem;font-style:italic;margin:50px auto;max-width:800px;padding:0 20px}.cta-round{background:var(--primary);border:none;border-radius:50px;box-shadow:0 10px 25px rgba(106,27,154,.4);color:#fff;cursor:pointer;font-size:1.3rem;font-weight:600;padding:16px 50px;transition:.3s}.cta-round:hover{transform:scale(1.08)}.drop-section{background:#fff;padding:60px 20px;text-align:center}.drop-box{background:var(--bg-light);border:3px solid var(--primary);border-radius:20px;margin:30px auto;max-width:600px;padding:30px}.mascot-drop{display:block;margin:30px auto;max-width:320px}.app-section{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:60px 20px;text-align:center}.app-section h2{font-size:2rem;margin-bottom:10px}.app-section p{font-size:1.1rem;margin-bottom:20px}.app-btn{background:#fff;border-radius:30px;color:var(--primary);display:inline-block;font-weight:600;margin:10px;padding:12px 30px;text-decoration:none}.google-play{height:60px;margin:20px}footer{background:var(--primary);color:#fff;padding:50px 20px 30px;text-align:center}.footer-logo{height:60px;margin-bottom:20px}.footer-links{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin:20px 0}.footer-column h4{font-size:1.1rem;margin-bottom:12px}.footer-column a{color:#fff;display:block;font-size:.95rem;margin:8px 0;text-decoration:none}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.2);font-size:.9rem;margin-top:30px;padding-top:20px}@media (max-width:992px){.hero{flex-direction:column;padding:120px 20px 60px}.mascot-hero{margin-top:30px;max-width:300px}.forms-section{align-items:center;flex-direction:column}}.solution-flex{align-items:center;display:flex;gap:40px;justify-content:center;margin:40px auto;max-width:1200px}.solution-image{max-width:380px;width:100%}@media (max-width:992px){.solution-flex{flex-direction:column}.benefits-grid{grid-template-columns:1fr}}.forms-section{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.forms-section .form-box:first-child{flex:1.6;min-width:550px}.forms-section .form-box:last-child{flex:1;min-width:300px}.form-row{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}.form-row input[type=text],.form-row select{flex:1}.form-row input[type=number]{width:90px}.form-row button{padding:8px 12px}#berat{flex:0 0 60px;max-width:60px;text-align:center;width:60px}:root{--purple:#6b21a8;--purple-mid:#7c3aed;--purple-light:#9333ea;--purple-soft:#ede9fe;--purple-pale:#f5f3ff;--purple-border:#ddd6fe;--accent:#a855f7;--text-dark:#1e1b4b;--text-mid:#4c4875;--text-soft:#8b84b8;--white:#fff;--bg:#f8f7ff}.hero-wrap{text-align:center}.brand-logo{color:var(--purple);font-family:Nunito,sans-serif;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;line-height:1}.brand-logo span{color:var(--accent)}.brand-tag{color:var(--text-soft);font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.hero-sub{color:var(--purple-light);font-weight:700;margin-bottom:6px}.btn-sikirim,.hero-sub{font-size:.95rem;letter-spacing:.02em}.btn-sikirim{background:linear-gradient(135deg,var(--purple),var(--purple-light));border:none;border-radius:50px;box-shadow:0 8px 24px rgba(107,33,168,.35);color:#fff;font-family:Nunito,sans-serif;font-weight:800;padding:13px 32px;transition:all .25s}.btn-sikirim:hover{box-shadow:0 14px 32px rgba(107,33,168,.45);color:#fff;transform:translateY(-2px)}.btn-sikirim-outline{background:#fff;border:2px solid var(--purple-light);box-shadow:none;color:var(--purple)}.btn-sikirim-outline:hover{background:var(--purple-pale);box-shadow:0 8px 20px rgba(107,33,168,.15);color:var(--purple)}.modal-content{background:#fff;border:none;border-radius:20px;box-shadow:0 32px 80px rgba(107,33,168,.18),0 4px 20px rgba(0,0,0,.06);font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}.modal-header{background:linear-gradient(135deg,var(--purple) 0,var(--purple-light) 100%);border:none;overflow:hidden;padding:22px 28px 20px;position:relative}.modal-header:before{background:hsla(0,0%,100%,.07);height:160px;right:-40px;top:-40px;width:160px}.modal-header:after,.modal-header:before{border-radius:50%;content:"";position:absolute}.modal-header:after{background:hsla(0,0%,100%,.05);bottom:-50px;height:120px;right:80px;width:120px}.modal-title{color:#fff;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:900;line-height:1.2}.modal-title small{color:hsla(0,0%,100%,.7);display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:500;margin-bottom:2px}.awb-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.3);color:#fff;letter-spacing:.06em;padding:4px 12px}.awb-badge,.status-pill{align-items:center;border-radius:30px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px}.status-pill{letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.status-transit{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);color:#fff}.pulse-dot{animation:pulse 1.4s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.btn-close-white{filter:brightness(0) invert(1);opacity:.8}.btn-close-white:hover{opacity:1}.modal-body{background:#fff;padding:24px 28px}.modal-footer{background:var(--purple-pale);border-top:1px solid var(--purple-border);padding:16px 28px}.sec-label{align-items:center;color:var(--purple-mid);display:flex;font-family:Nunito,sans-serif;font-size:.72rem;font-weight:800;gap:7px;letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.sec-label i{font-size:.85rem}.sec-label:after{background:var(--purple-border);content:"";flex:1;height:1px}.info-card{background:var(--purple-pale);border:1.5px solid var(--purple-border);border-radius:14px;padding:16px 18px}.info-card.sender-card{border-left:4px solid var(--purple-mid)}.info-card.recipient-card{border-left:4px solid var(--accent)}.card-role{align-items:center;display:flex;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:800;gap:6px;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.role-sender{color:var(--purple-mid)}.role-recip{color:var(--accent)}.f-label{color:var(--text-soft);font-size:.68rem;font-weight:600;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.f-value{color:var(--text-dark);font-size:.88rem;font-weight:600;line-height:1.35}.f-value.accent{color:var(--purple-mid);font-family:Nunito,sans-serif;font-weight:800}.pkg-card{background:#fff;border:1.5px solid var(--purple-border);border-radius:14px;padding:16px 20px}.pkg-item{border-right:1px solid var(--purple-border)}.pkg-item:last-child{border-right:none}.prog-card{background:linear-gradient(135deg,var(--purple-pale) 0,#fff 100%);border:1.5px solid var(--purple-border);border-radius:14px;padding:18px 20px}.prog-track{background:var(--purple-border);height:10px;overflow:hidden}.prog-fill,.prog-track{border-radius:10px;position:relative}.prog-fill{background:linear-gradient(90deg,var(--purple),var(--accent));height:100%;width:58%}.prog-fill:after{animation:shine 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5));bottom:0;content:"";position:absolute;right:0;top:0;width:30px}@keyframes shine{0%,to{opacity:.5}50%{opacity:1}}.prog-dot{animation:ring 1.5s ease-in-out infinite;background:var(--accent);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px var(--accent);height:16px;position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:16px}@keyframes ring{0%,to{box-shadow:0 0 0 3px rgba(168,85,247,.5)}50%{box-shadow:0 0 0 6px rgba(168,85,247,.15)}}.tl-item{display:flex;gap:14px;padding-bottom:18px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-left{flex-direction:column}.tl-icon,.tl-left{align-items:center;display:flex;flex-shrink:0;width:34px}.tl-icon{border-radius:50%;font-size:.8rem;height:34px;justify-content:center}.icon-done{background:var(--purple-soft);border:2px solid var(--purple-mid);color:var(--purple-mid)}.icon-active{background:linear-gradient(135deg,var(--purple),var(--accent));box-shadow:0 4px 14px rgba(107,33,168,.35);color:#fff}.icon-pending{background:#f1f5f9;border:2px solid #e2e8f0;color:#94a3b8}.tl-line{border-radius:2px;flex:1;margin-top:4px;width:2px}.line-done{background:linear-gradient(to bottom,var(--purple-mid),var(--purple-border))}.line-active{background:linear-gradient(to bottom,var(--accent),#e2e8f0)}.line-pending{background:#e2e8f0}.tl-body{flex:1;padding-top:5px}.tl-loc{color:var(--text-dark);font-size:.88rem;font-weight:700;margin-bottom:2px}.tl-loc.dim{color:#94a3b8;font-weight:500}.tl-desc{color:var(--text-soft);font-size:.76rem}.tl-desc.active{color:var(--purple-mid);font-weight:600}.tl-time{color:var(--text-soft);font-size:.7rem;padding-top:6px;text-align:right;white-space:nowrap}.tl-time.active-time{color:var(--purple-mid);font-weight:700}.divider{border-color:var(--purple-border);margin:18px 0}.note-card{background:var(--purple-pale);border:1.5px solid var(--purple-border);border-left:4px solid var(--purple-mid);border-radius:12px;color:var(--text-mid);font-size:.83rem;line-height:1.55;padding:14px 16px}.btn-footer-outline{background:#fff;border:2px solid var(--purple-border);border-radius:50px;color:var(--text-mid);font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.02em;padding:9px 22px;transition:all .2s}.btn-footer-outline:hover{border-color:var(--purple-mid);color:var(--purple-mid)}.btn-footer-primary{background:linear-gradient(135deg,var(--purple),var(--purple-light));border:none;border-radius:50px;box-shadow:0 4px 14px rgba(107,33,168,.35);color:#fff;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.02em;padding:9px 24px;transition:all .25s}.btn-footer-primary:hover{box-shadow:0 8px 20px rgba(107,33,168,.45);color:#fff;transform:translateY(-1px)}

/*# sourceMappingURL=welcome.css.map*/