:root{--dag-orange:#d6542b;--dag-orange-light:#ef6c00;--dag-orange-hover:#c44a24;--dag-navy:#2a3b8f;--dag-navy-dark:#1e2b6e;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{min-height:100%;font-family:var(--font-family);background:var(--gray-50);color:var(--gray-800);line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.page-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.page-container:before{content:"";pointer-events:none;background:radial-gradient(at 20% 0,#d6542b0f 0%,#0000 50%),radial-gradient(at 80% 100%,#2a3b8f0d 0%,#0000 50%);position:absolute;inset:0}.payment-card{border-radius:var(--radius-2xl);border:1px solid var(--gray-100);text-align:center;background:#fff;width:100%;max-width:520px;padding:48px 40px;animation:.6s cubic-bezier(.22,1,.36,1) forwards card-enter;position:relative;box-shadow:0 4px 6px -1px #0000000a,0 10px 15px -3px #0000000f,0 20px 40px -4px #0000000f}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 28px;display:flex;position:relative}.icon-circle--success{background:var(--success-100)}.icon-circle--error{background:var(--error-100)}.icon-circle--warning{background:var(--warning-100)}.icon-circle--info{background:var(--info-100)}.icon-circle:before{content:"";border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute;inset:-8px}.icon-circle--success:before{border:2px solid var(--success-200)}.icon-circle--error:before{border:2px solid var(--error-200)}@keyframes pulse-ring{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}.icon-animate{animation:.5s cubic-bezier(.34,1.56,.64,1) .3s both icon-pop}@keyframes icon-pop{0%{opacity:0;transform:scale(.5)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.title{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800;line-height:1.2}.title--success{color:var(--success-700)}.title--error{color:var(--error-700)}.title--warning{color:var(--warning-600)}.subtitle{color:var(--gray-500);margin-bottom:32px;font-size:16px;line-height:1.6}.detail-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-align:left;margin-bottom:28px;padding:20px}.detail-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.detail-row+.detail-row{border-top:1px solid var(--gray-200)}.detail-label{color:var(--gray-500);font-weight:500}.detail-value{color:var(--gray-800);font-weight:600}.detail-row--total{margin-top:4px;padding-top:12px;border-top:2px dashed var(--gray-300)!important}.detail-row--total .detail-label{color:var(--gray-800);font-size:16px;font-weight:700}.detail-row--total .detail-value{color:var(--dag-orange);font-size:20px;font-weight:800}.btn{border-radius:var(--radius-full);cursor:pointer;width:100%;max-width:320px;font-size:15px;font-weight:700;font-family:var(--font-family);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--dag-orange);color:#fff;box-shadow:0 4px 14px #d6542b4d}.btn--primary:hover{background:var(--dag-orange-hover);box-shadow:0 6px 20px #d6542b59}.btn--secondary{background:var(--gray-100);color:var(--gray-700)}.btn--secondary:hover{background:var(--gray-200)}.btn--outline{color:var(--gray-600);border:2px solid var(--gray-200);background:0 0}.btn--outline:hover{border-color:var(--gray-300);background:var(--gray-50)}.btn-group{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.status-badge{border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.status-badge--success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.status-badge--error{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.status-badge--warning{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-100)}.logo-container{margin-bottom:32px}.logo-container img{object-fit:contain;height:48px;margin:0 auto}.page-footer{color:var(--gray-400);justify-content:center;align-items:center;gap:6px;margin-top:32px;font-size:13px;display:flex}.page-footer svg{color:var(--success-500)}.confetti-piece{opacity:0;border-radius:2px;width:10px;height:10px;animation:linear forwards confetti-fall;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-40px)rotate(0)scale(1)}to{opacity:0;transform:translateY(120vh)rotate(720deg)scale(.3)}}@media (width<=600px){.payment-card{border-radius:var(--radius-xl);margin:0 8px;padding:32px 24px}.title{font-size:24px}.icon-circle{width:80px;height:80px;margin-bottom:24px}.btn{padding:12px 24px;font-size:14px}}@media (width<=380px){.payment-card{padding:24px 16px}.title{font-size:20px}.subtitle{font-size:14px}}