@keyframes spin{to{transform:rotate(360deg)}}@font-face{font-family:Marianne;src:url(https://unpkg.com/@gouvfr/dsfr@1.11.2/dist/fonts/Marianne-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Marianne;src:url(https://unpkg.com/@gouvfr/dsfr@1.11.2/dist/fonts/Marianne-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Marianne,Segoe UI,system-ui,sans-serif;font-weight:400;min-height:100vh;background:#0d0d1f;color:#fff}.bg-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;background:#0d0d1f}.bg-top{flex:1;background-image:url(../img/img-bg-desktop.png);background-size:cover;background-position:top center;background-repeat:no-repeat}.bg-bottom{height:28%;background-image:url(../img/footer-desktop.png);background-size:cover;background-position:top center;background-repeat:no-repeat}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#08081a80}.page-content{position:relative;z-index:2;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:3.5rem 1.5rem 5rem}.card{width:100%;max-width:560px;background:#0f0f2673;backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(135,135,229,.22);border-radius:18px;padding:2.5rem 2.2rem;box-shadow:0 8px 48px #0009,0 0 0 1px #8787e50f,inset 0 1px #ffffff0a}.timeline-nav{display:flex;align-items:flex-start;justify-content:center;margin-bottom:2.4rem}.tl-item{display:flex;flex-direction:column;align-items:center;gap:.45rem;flex:0 0 auto}.tl-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:500;border:2px solid rgba(255,255,255,.1);background:transparent;color:#ffffff40;transition:all .35s ease;flex-shrink:0}.tl-circle.active{background:#8787e5;border-color:#8787e5;color:#fff;box-shadow:0 0 20px #8787e573}.tl-circle.done{background:#8787e52e;border-color:#8787e5;color:#8787e5}.tl-text{font-size:.65rem;line-height:1.3;text-align:center;max-width:68px;color:#ffffff40;transition:color .35s ease}.tl-text.active{color:#fff}.tl-text.done{color:#8787e5bf}.tl-connector{flex:1;height:2px;max-width:70px;background:#ffffff12;border-radius:2px;margin:19px 4px 0;transition:background .4s ease}.tl-connector.done{background:#8787e5}.section-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#8787e5;margin-bottom:1.3rem}.field-group{display:flex;flex-direction:column;gap:.32rem;margin-bottom:1.05rem}label{font-size:.82rem;color:#ffffffc7}.req{color:#8787e5;margin-left:2px}input{width:100%;background:#1c1c3880;border:1.5px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:400;padding:.72rem .9rem;outline:none;transition:border-color .25s,box-shadow .25s}input::placeholder{color:#fff3}input:focus{border-color:#8787e5;box-shadow:0 0 0 3px #8787e52e}input.err{border-color:#e57878;box-shadow:0 0 0 3px #e5787821}.err-msg{font-size:.73rem;color:#e57878}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ifield{position:relative}.ifield input{padding-right:2.8rem}.ifield-icon{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:#ffffff47;pointer-events:none}.btn-cvv{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff52;cursor:pointer;font-size:.7rem;font-family:inherit;padding:0;transition:color .2s}.btn-cvv:hover{color:#8787e5}.sec-note{display:flex;align-items:center;gap:.45rem;background:#8787e512;border:1px solid rgba(135,135,229,.18);border-radius:8px;padding:.6rem .85rem;font-size:.74rem;color:#ffffff80;margin-top:1.1rem}.sec-note svg{flex-shrink:0;color:#8787e5}.btn-row{display:flex;gap:.75rem;margin-top:1.8rem}.btn{flex:1;padding:.82rem 1.1rem;border-radius:8px;font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .22s ease}.btn-primary{background:#8787e5;color:#1a1a5e;box-shadow:0 4px 18px #8787e54d}.btn-primary:hover{background:#9b9bec;box-shadow:0 6px 24px #8787e573;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:#ffffff8c;border:1.5px solid rgba(255,255,255,.11)}.btn-ghost:hover{border-color:#8787e566;color:#fff}.api-error{display:flex;align-items:flex-start;gap:.5rem;background:#e578781a;border:1px solid rgba(229,120,120,.3);border-radius:8px;padding:.7rem .9rem;font-size:.8rem;color:#f4a0a0;margin-top:1rem;line-height:1.5}.api-error svg{flex-shrink:0;margin-top:1px;color:#e57878}.notif-banner{background:linear-gradient(135deg,#8787e521,#8787e50a);border:1px solid rgba(135,135,229,.3);border-radius:14px;padding:1.6rem 1.4rem;margin-bottom:1.6rem;display:flex;flex-direction:column;gap:.9rem}.notif-banner-top{display:flex;gap:1rem;align-items:flex-start}.notif-icon-wrap{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:#8787e52e;display:flex;align-items:center;justify-content:center;position:relative}.notif-icon-wrap:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(135,135,229,.35);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.92);opacity:1}80%{transform:scale(1.15);opacity:0}to{transform:scale(1.15);opacity:0}}.notif-body{flex:1}.notif-badge{display:inline-block;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:#8787e533;color:#a8a8f0;border-radius:20px;padding:.18rem .65rem;margin-bottom:.5rem}.notif-title{font-size:1.05rem;font-weight:500;margin-bottom:.3rem}.notif-ref{font-size:.75rem;color:#ffffff73;margin-bottom:.7rem}.notif-desc{font-size:.82rem;color:#ffffff94;line-height:1.6;display:flex;align-items:flex-start;gap:.45rem}.amount-block{background:#1a1a3873;border:1px solid rgba(135,135,229,.22);border-radius:12px;padding:1.4rem 1.6rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem;flex-wrap:wrap;gap:.8rem}.amount-label{font-size:.78rem;color:#ffffff80;margin-bottom:.25rem}.amount-value{font-size:2rem;font-weight:500;letter-spacing:-.02em;color:#fff}.amount-currency{font-size:1.2rem;color:#fff9;margin-left:.2rem}.amount-status{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.status-pill{display:inline-flex;align-items:center;gap:.35rem;background:#50c87821;border:1px solid rgba(80,200,120,.3);color:#6ee09b;border-radius:20px;padding:.25rem .75rem;font-size:.72rem;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%;background:#6ee09b}.amount-date{font-size:.72rem;color:#ffffff59}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.6rem}.info-item{background:#1a1a3873;border-radius:10px;padding:.85rem 1rem}.info-item-label{font-size:.68rem;color:#fff6;margin-bottom:.2rem}.info-item-val{font-size:.82rem;color:#fffc;font-weight:500}.receipt{background:#0f0f2873;border:1px solid rgba(135,135,229,.22);border-radius:14px;overflow:hidden}.receipt-header{background:linear-gradient(135deg,#8787e533,#8787e50f);border-bottom:1px solid rgba(135,135,229,.15);padding:1.4rem 1.6rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.receipt-header-left{display:flex;align-items:center;gap:.75rem}.receipt-check{width:44px;height:44px;border-radius:50%;background:#8787e52e;border:2px solid #8787e5;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px #8787e54d}.receipt-title{font-size:1rem;font-weight:500}.receipt-subtitle{font-size:.74rem;color:#ffffff73;margin-top:.1rem}.dossier-badge{background:#8787e526;border:1px solid rgba(135,135,229,.3);border-radius:8px;padding:.5rem .9rem;text-align:right}.dossier-badge-label{font-size:.62rem;color:#fff6;margin-bottom:.15rem}.dossier-badge-num{font-size:.82rem;font-weight:500;color:#a8a8f0;letter-spacing:.05em}.receipt-body{padding:1.4rem 1.6rem}.receipt-section-title{font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#8787e5;margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}.receipt-section-title:after{content:"";flex:1;height:1px;background:#8787e52e}.recap-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:1.2rem}.recap-item{background:#1a1a3873;border-radius:8px;padding:.7rem .9rem}.recap-item.full{grid-column:1 / -1}.recap-label{font-size:.67rem;color:#ffffff61;margin-bottom:.18rem}.recap-val{font-size:.83rem;color:#ffffffd9;font-weight:500;word-break:break-all}.recap-val.mono{letter-spacing:.12em}.amount-recap{background:linear-gradient(135deg,#8787e524,#8787e50d);border:1px solid rgba(135,135,229,.25);border-radius:10px;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;margin:1.1rem 0}.amount-recap-label{font-size:.78rem;color:#ffffff8c}.amount-recap-val{font-size:1.4rem;font-weight:500;color:#fff}.receipt-footer{border-top:1px solid rgba(255,255,255,.07);padding:1.1rem 1.6rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.receipt-footer-note{font-size:.72rem;color:#ffffff59}.btn-download{display:flex;align-items:center;gap:.45rem;background:#8787e5;color:#1a1a5e;border:none;border-radius:8px;padding:.6rem 1.1rem;font-family:inherit;font-size:.84rem;font-weight:500;cursor:pointer;box-shadow:0 4px 16px #8787e547;transition:all .22s}.btn-download:hover{background:#9b9bec;box-shadow:0 6px 22px #8787e56b;transform:translateY(-1px)}.step-enter-active,.step-leave-active{transition:opacity .28s ease,transform .28s ease}.step-enter-from{opacity:0;transform:translate(28px)}.step-leave-to{opacity:0;transform:translate(-28px)}@media (max-width: 640px){.bg-top{background-image:url(../img/bg-mobil.png)}.bg-bottom{background-image:url(../img/footer-mobile.png);height:22%}.page-content{padding:2rem 1rem 4rem}.card{padding:1.8rem 1.2rem;border-radius:14px}}@media print{body{background:#fff!important;color:#111!important;display:block;padding:0}.bg-scene,.bg-overlay{display:none!important}.page-content{display:block;padding:0;min-height:unset}.card{box-shadow:none;border:none;max-width:100%;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.timeline-nav,.section-tag,.btn-row,.btn-download{display:none!important}.receipt{border:1px solid #ddd;background:#fff;color:#111}.receipt-header{background:#f5f5f5}.receipt-title,.receipt-subtitle,.dossier-badge-label,.dossier-badge-num{color:#111!important}.recap-item,.amount-recap{background:#f9f9f9;border-color:#ddd}.recap-label,.amount-recap-label,.receipt-footer-note{color:#555!important}.recap-val,.amount-recap-val{color:#111!important}.receipt-section-title{color:#8787e5}.receipt-check{background:#ebebff}}