@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.page-start{display:flex;flex-direction:column;margin:auto;max-width:400px;padding:20px 30px}.page-start h1{font-size:55px;line-height:55px;margin-bottom:30px;margin-top:0}.page-start .form-container{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.page-start .form-container .input-group{display:flex;flex-direction:column;gap:8px}.page-start .form-container .input-group label{font-weight:600;font-size:.9rem;opacity:.8}.page-start .site-display{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff1a;border-radius:12px;padding:12px 15px;cursor:pointer;transition:background-color .2s}.page-start .site-display:hover{background-color:#ffffff26}.page-start .site-display:active{background-color:#fff3}.page-start .site-display .site-name{font-size:1rem}.page-start .site-display .change-btn{font-size:12px;color:#fff;-webkit-user-select:none;user-select:none;background-color:var(--primary);padding:6px 12px;border-radius:6px;font-weight:700}.page-start .custom-input{background-color:#ffffff1a;border:0;border-radius:12px;padding:17px 15px;color:#fff;font-size:1rem;outline:none}.page-start .custom-input::placeholder{color:#ffffff80}.page-start .btn-primary{display:inline-block;text-align:center;background-color:#fff;color:#000;border:none;padding:18px;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s}.page-start .btn-primary:active{transform:scale(.98)}.page-start .btn-secondary{display:inline-block;text-align:center;background-color:var(--secondary);color:#000;border:none;padding:18px;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s}.page-start .btn-secondary:active{transform:scale(.98)}.page-start .site-selector-overlay{position:fixed;inset:0;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-start .site-selector-overlay .site-selector-header{display:flex;align-items:center;padding:20px 20px 15px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.page-start .site-selector-overlay .site-selector-header .close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.page-start .site-selector-overlay .site-selector-header .close-btn:hover{background-color:#ffffff1a}.page-start .site-selector-overlay .site-selector-header .close-btn:active{background-color:#ffffff26}.page-start .site-selector-overlay .site-selector-header h2{flex:1;text-align:center;margin:0;font-size:1.25rem;font-weight:600;padding-right:40px}.page-start .site-selector-overlay .site-selector-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-start .site-selector-overlay .site-selector-content .search-container{position:relative;padding:20px;flex-shrink:0}.page-start .site-selector-overlay .site-selector-content .search-container .search-icon{position:absolute;left:35px;top:50%;transform:translateY(-50%);color:#ffffff80;pointer-events:none}.page-start .site-selector-overlay .site-selector-content .search-container .site-selector-search{width:100%;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 48px;color:#fff;font-size:1rem;outline:none;transition:all .2s;box-sizing:border-box}.page-start .site-selector-overlay .site-selector-content .search-container .site-selector-search::placeholder{color:#fff6}.page-start .site-selector-overlay .site-selector-content .search-container .site-selector-search:focus{background-color:#ffffff26;border-color:#ffffff4d}.page-start .site-selector-overlay .site-selector-content .search-container .clear-search{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.page-start .site-selector-overlay .site-selector-content .search-container .clear-search:hover{background-color:#ffffff4d}.page-start .site-selector-overlay .site-selector-content .search-container .clear-search:active{background-color:#ffffff59}.page-start .site-selector-overlay .site-selector-content .sites-list{flex:1;overflow-y:auto;padding:0 20px 20px}.page-start .site-selector-overlay .site-selector-content .sites-list::-webkit-scrollbar{width:8px}.page-start .site-selector-overlay .site-selector-content .sites-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px;margin:10px 0}.page-start .site-selector-overlay .site-selector-content .sites-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.page-start .site-selector-overlay .site-selector-content .sites-list::-webkit-scrollbar-thumb:hover{background:#fff6}.page-start .site-selector-overlay .site-selector-content .sites-list .site-item{width:100%;text-align:left;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#fff;padding:18px 20px;border-radius:14px;cursor:pointer;font-size:1.05rem;margin-bottom:10px;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.page-start .site-selector-overlay .site-selector-content .sites-list .site-item:hover{background-color:#ffffff1a;border-color:#fff3;transform:translate(4px)}.page-start .site-selector-overlay .site-selector-content .sites-list .site-item:active{transform:translate(4px) scale(.98)}.page-start .site-selector-overlay .site-selector-content .sites-list .site-item.selected{background-color:var(--secondary);border-color:var(--secondary);font-weight:600}.page-start .site-selector-overlay .site-selector-content .sites-list .site-item.selected:hover{opacity:.9;transform:translate(4px)}.page-start .site-selector-overlay .site-selector-content .sites-list .site-item .site-item-name{flex:1}.page-start .site-selector-overlay .site-selector-content .sites-list .site-item .check-icon{flex-shrink:0;margin-left:12px}.page-start .site-selector-overlay .site-selector-content .sites-list .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#ffffff80}.page-start .site-selector-overlay .site-selector-content .sites-list .no-results svg{margin-bottom:16px}.page-start .site-selector-overlay .site-selector-content .sites-list .no-results p{font-size:1.1rem;margin:0 0 8px;color:#ffffffb3}.page-start .site-selector-overlay .site-selector-content .sites-list .no-results span{font-size:.9rem;color:#fff6}.page-start .info-box{background-color:#191919;width:100%;min-height:90px;margin-top:50px;border-radius:10px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-sizing:border-box}.page-start .info-box svg{flex-shrink:0;color:#fff9}.page-start .info-box .info-text{display:flex;flex-direction:column;gap:6px;flex:1}.page-start .info-box .info-text strong{font-size:1rem;font-weight:600;color:#fff}.page-start .info-box .info-text span{font-size:.85rem;line-height:1.4;color:#fff9}.page-start .coupon-section{display:flex;gap:12px;margin-bottom:30px;padding:12px 15px;background-color:#ffffff08;border-radius:12px;cursor:pointer;justify-content:center;align-items:center;margin-top:0;background-color:unset;border:1px dotted rgba(255,255,255,.2)}.page-start .coupon-section label{cursor:pointer;font-size:17px;font-weight:500;color:#fffc;-webkit-user-select:none;user-select:none;padding-top:3px;margin-left:5px}.page-start .coupon-section .checkbox-wrapper{position:relative;width:24px;height:24px}.page-start .coupon-section .checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.page-start .coupon-section .checkbox-wrapper input[type=checkbox]:checked~.custom-check{background-color:var(--primary);border-color:var(--primary)}.page-start .coupon-section .checkbox-wrapper input[type=checkbox]:checked~.custom-check svg{transform:scale(1);opacity:1}.page-start .coupon-section .checkbox-wrapper .custom-check{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:7px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.page-start .coupon-section .checkbox-wrapper .custom-check svg{width:14px;height:14px;color:#fff;transform:scale(0);opacity:0;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary: #009336;--secondary: #ff7904;background-image:url(/assets/background-FVZDH_Qp.png);background-position:top}body{margin:0;padding:0}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100vw;background-image:linear-gradient(to bottom,#000000e8,#111,#111)}main{width:100%}.spinner{position:relative;width:80px;height:80px;margin:auto}.spinner .spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#fffc;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner .spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:#ffffffe6}.spinner .spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#ffffffb3}.spinner .spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#ffffff80}.spinner-wrap{margin:auto}.spinner-wrap p{margin:50px auto auto;text-align:center}.page-payment-summary{display:flex;flex-direction:column;min-height:100vh;color:#fff;overflow-x:hidden;box-sizing:border-box;width:100%;padding-top:0}.page-payment-summary *{box-sizing:border-box}.page-payment-summary .summary-header{display:flex;align-items:center;gap:16px;padding:20px 20px 16px}.page-payment-summary .summary-header .back-btn{background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s}.page-payment-summary .summary-header .back-btn:hover{background-color:#ffffff26}.page-payment-summary .summary-header .back-btn:active{transform:scale(.95);background-color:#fff3}.page-payment-summary .summary-header h1{margin:0;font-size:1.3rem;font-weight:700}.page-payment-summary .summary-content{flex:1;padding:0 20px 30px;max-width:400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.page-payment-summary .summary-content .info-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-payment-summary .summary-content .info-cards .info-card{background:#ffffff1a;border-radius:12px;padding:14px 16px}.page-payment-summary .summary-content .info-cards .info-card .info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:6px;font-weight:600}.page-payment-summary .summary-content .info-cards .info-card .info-value{font-size:.95rem;font-weight:600}.page-payment-summary .summary-content .charge-display{background:#ffffff1a;border-radius:20px;padding:28px 24px;text-align:center}.page-payment-summary .summary-content .charge-display .charge-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:12px;font-weight:600}.page-payment-summary .summary-content .charge-display .charge-amount{font-weight:700;display:flex;align-items:baseline;justify-content:center;gap:8px}.page-payment-summary .summary-content .charge-display .charge-amount .currency{font-size:1.3rem;opacity:.8}.page-payment-summary .summary-content .charge-display .charge-amount .amount{font-size:3.2rem;line-height:1}.page-payment-summary .summary-content .breakdown-section{margin-top:20px}.page-payment-summary .summary-content .breakdown-section h2{font-size:1rem;font-weight:700;margin:0 0 12px;opacity:.9}.page-payment-summary .summary-content .breakdown-section .breakdown-table{background:#ffffff0d;border-radius:16px;padding:4px;overflow:hidden;width:100%}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:10px;width:100%;gap:12px}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row.highlight{background:#ffffff1a}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row.highlight .breakdown-value{font-weight:700}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row.total-row{background:#ffffff1a;margin-top:4px;font-weight:700}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row.total-row .breakdown-label{font-weight:700}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row.total-row .breakdown-value{font-size:1.1rem}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row .breakdown-label{display:flex;align-items:center;gap:10px;font-size:.9rem;opacity:.85;flex:1;min-width:0}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row .breakdown-label svg{opacity:.6;flex-shrink:0}.page-payment-summary .summary-content .breakdown-section .breakdown-table .breakdown-row .breakdown-value{font-weight:600;font-size:.9rem;white-space:nowrap;flex-shrink:0}.page-payment-summary .summary-content .breakdown-section .breakdown-table .divider{height:1px;background:#ffffff1a;margin:8px 12px}.page-payment-summary .summary-content .action-buttons{display:grid;grid-template-columns:1fr;gap:12px;padding-top:8px}.page-payment-summary .summary-content .action-buttons button{padding:18px;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .15s;border:none}.page-payment-summary .summary-content .action-buttons button:active{transform:scale(.98)}.page-payment-summary .summary-content .action-buttons .btn-secondary{background:#ffffff1a;color:#fff}.page-payment-summary .summary-content .action-buttons .btn-secondary:active{background:#ffffff26}.page-payment-summary .summary-content .action-buttons .btn-primary{background:#fff;color:#000}.page-payment-summary .summary-content .action-buttons .btn-primary:active{background:#ffffffe6}@media(max-width:400px){.page-payment-summary .summary-content .info-cards{grid-template-columns:1fr}.page-payment-summary .summary-content .charge-display .charge-amount .amount{font-size:2.8rem}.page-payment-summary .summary-content .action-buttons{grid-template-columns:1fr}}.page-payment-summary .total-amount-compact{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;border-radius:12px;padding:16px 20px}.page-payment-summary .total-amount-compact .total-label{font-size:.9rem;font-weight:600;opacity:.8}.page-payment-summary .total-amount-compact .total-value{font-size:1.5rem;font-weight:700}.page-payment-summary .free-parking-section{margin-top:10px;display:flex;flex-direction:column;gap:16px}.page-payment-summary .free-parking-section .free-parking-message{background:#ffffff1a;border-radius:20px;padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.page-payment-summary .free-parking-section .free-parking-message svg{color:#4ade80;stroke-width:2.5;filter:drop-shadow(0 0 10px rgba(74,222,128,.5))}.page-payment-summary .free-parking-section .free-parking-message h2{font-size:1.8rem;font-weight:700;margin:0;letter-spacing:.05em;color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.3)}.page-payment-summary .free-parking-section .free-parking-message p{font-size:.95rem;margin:0;opacity:.8;font-weight:500}.page-payment-summary .free-parking-section .lookup-failed-message{background:#ffffff1a;border-radius:20px;padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.page-payment-summary .free-parking-section .lookup-failed-message svg{color:var(--secondary)}.page-payment-summary .free-parking-section .lookup-failed-message h2{font-size:1.8rem;font-weight:700;margin:0;letter-spacing:.05em;color:var(--secondary);text-shadow:0 0 20px rgba(74,222,128,.3)}.page-payment-summary .free-parking-section .lookup-failed-message p{font-size:.95rem;margin:0;opacity:.8;font-weight:500}.page-payment-summary .free-parking-section .exit-time-box{background:#ffffff1a;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;border:2px solid rgba(255,255,255,.1)}.page-payment-summary .free-parking-section .exit-time-box svg{color:#ffffffb3;flex-shrink:0}.page-payment-summary .free-parking-section .exit-time-box .exit-time-content{display:flex;flex-direction:column;gap:4px;flex:1}.page-payment-summary .free-parking-section .exit-time-box .exit-time-content .exit-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-weight:600}.page-payment-summary .free-parking-section .exit-time-box .exit-time-content .exit-time{font-size:1.3rem;font-weight:700;color:#fff}.page-payment-summary .payment-methods-section h2{font-size:.9rem;font-weight:700;margin:0 0 12px;opacity:.9}.page-payment-summary .payment-methods-section .payment-methods{display:flex;gap:12px}.page-payment-summary .payment-methods-section .payment-methods .payment-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#ffffff1a;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;color:#fff}.page-payment-summary .payment-methods-section .payment-methods .payment-option:hover{background:#ffffff26}.page-payment-summary .payment-methods-section .payment-methods .payment-option.selected{background:#fff3;border-color:#ffffff80}.page-payment-summary .payment-methods-section .payment-methods .payment-option:active{transform:scale(.97)}.page-payment-summary .payment-methods-section .payment-methods .payment-option .brand-logo-wrap{height:40px;width:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-payment-summary .payment-methods-section .payment-methods .payment-option .mpesa-wrap{background-color:#ff0026}.page-payment-summary .payment-methods-section .payment-methods .payment-option .brand-logo{height:30px;width:30px;background-size:cover}.page-payment-summary .payment-methods-section .payment-methods .payment-option .airtel-wrap{background-color:#ff0026}.page-payment-summary .payment-methods-section .payment-methods .payment-option .airtel{background-image:url(data:image/png;base64,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)}.page-payment-summary .payment-methods-section .payment-methods .payment-option .mpesa-wrap{background-color:#096302}.page-payment-summary .payment-methods-section .payment-methods .payment-option .mpesa{background-image:url(data:image/png;base64,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)}.page-payment-summary .payment-methods-section .payment-methods .payment-option .card-wrap{background-color:#071118}.page-payment-summary .payment-methods-section .payment-methods .payment-option span{font-size:.75rem;font-weight:600;text-align:center}.page-payment-summary .phone-input-section h2{font-size:.9rem;font-weight:700;margin:0 0 12px;opacity:.9}.page-payment-summary .phone-input-section .phone-input-container{display:flex;align-items:center;background:#ffffff1a;border-radius:12px;padding:4px 4px 4px 16px;border:2px solid transparent;transition:all .2s}.page-payment-summary .phone-input-section .phone-input-container:focus-within{background:#ffffff26;border-color:#ffffff4d}.page-payment-summary .phone-input-section .phone-input-container .phone-prefix{font-size:1rem;font-weight:600;color:#fff;opacity:.7;margin-right:8px}.page-payment-summary .phone-input-section .phone-input-container .phone-input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;font-weight:600;padding:14px 12px;outline:none}.page-payment-summary .phone-input-section .phone-input-container .phone-input::placeholder{color:#fff6}.page-payment-summary .phone-input-section .phone-input-container .phone-input::-webkit-outer-spin-button,.page-payment-summary .phone-input-section .phone-input-container .phone-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-payment-summary .phone-input-section .phone-input-container .phone-input[type=number]{-moz-appearance:textfield}.page-payment-summary .phone-input-section .phone-hint{font-size:.75rem;opacity:.6;margin:10px auto;text-align:center;font-weight:500}@media(max-width:400px){.page-payment-summary .payment-methods-section .payment-methods .payment-option span{font-size:.7rem}.page-payment-summary .free-parking-section .free-parking-message{padding:32px 20px}.page-payment-summary .free-parking-section .free-parking-message h2{font-size:1.5rem}}.page-payment-status{display:flex;flex-direction:column;min-height:100vh;color:#fff;overflow-x:hidden;box-sizing:border-box;width:100%;padding:40px 20px 30px}.page-payment-status *{box-sizing:border-box}.page-payment-status .status-content{flex:1;max-width:400px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px;padding-top:20px}.page-payment-status .status-icon-container{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.page-payment-status .status-icon-container.processing .spinner{position:relative;width:80px;height:80px}.page-payment-status .status-icon-container.processing .spinner .spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#fffc;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.page-payment-status .status-icon-container.processing .spinner .spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:#ffffffe6}.page-payment-status .status-icon-container.processing .spinner .spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#ffffffb3}.page-payment-status .status-icon-container.processing .spinner .spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#ffffff80}.page-payment-status .status-icon-container.prompt-sent{color:#60a5fa;animation:scaleIn .5s ease-out}.page-payment-status .status-icon-container.prompt-failed{color:#f87171;animation:scaleIn .5s ease-out}.page-payment-status .status-icon-container.success{color:#4ade80;animation:scaleIn .5s ease-out}.page-payment-status .status-icon-container.failed{color:#f87171;animation:scaleIn .5s ease-out}.page-payment-status .status-icon-container.cancelled{color:#fbbf24;animation:scaleIn .5s ease-out}.page-payment-status .status-message{text-align:center;max-width:100%}.page-payment-status .status-message h1{margin:0 0 12px;font-size:1.6rem;font-weight:700;line-height:1.2}.page-payment-status .status-message p{margin:0;font-size:.95rem;opacity:.8;line-height:1.5}.page-payment-status .status-details{width:100%;background:#ffffff0d;border-radius:16px;padding:4px;overflow:hidden}.page-payment-status .status-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:10px;gap:12px}.page-payment-status .status-details .detail-row.highlight{background:#ffffff1a;margin-bottom:4px}.page-payment-status .status-details .detail-row.highlight .detail-value{font-size:1.2rem;font-weight:700}.page-payment-status .status-details .detail-row .detail-label{display:flex;align-items:center;gap:10px;font-size:.9rem;opacity:.85;flex:1;min-width:0}.page-payment-status .status-details .detail-row .detail-label svg{opacity:.6;flex-shrink:0}.page-payment-status .status-details .detail-row .detail-value{font-weight:600;font-size:.9rem;text-align:right;word-break:break-word}.page-payment-status .status-details .divider{height:1px;background:#ffffff1a;margin:8px 12px}.page-payment-status .status-hint{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0d;border-radius:12px;width:100%}.page-payment-status .status-hint svg{flex-shrink:0;opacity:.6}.page-payment-status .status-hint p{margin:0;font-size:.85rem;opacity:.8;line-height:1.4}.page-payment-status .status-hint.success-hint{background:#60a5fa1a;border:1px solid rgba(96,165,250,.3)}.page-payment-status .status-hint.success-hint svg{color:#60a5fa;opacity:1}.page-payment-status .instruction-box{width:100%;background:#ffffff0d;border-radius:16px;padding:16px 20px}.page-payment-status .instruction-box h3{margin:0 0 12px;font-size:.9rem;font-weight:700;opacity:.9}.page-payment-status .instruction-box ol{margin:0;padding-left:20px}.page-payment-status .instruction-box ol li{font-size:.85rem;opacity:.75;line-height:1.6;margin-bottom:8px}.page-payment-status .instruction-box ol li:last-child{margin-bottom:0}.page-payment-status .error-reasons{width:100%;background:#ffffff0d;border-radius:16px;padding:16px 20px}.page-payment-status .error-reasons h3{margin:0 0 12px;font-size:.9rem;font-weight:700;opacity:.9}.page-payment-status .error-reasons ul{margin:0;padding-left:20px;list-style-type:disc}.page-payment-status .error-reasons ul li{font-size:.85rem;opacity:.75;line-height:1.6;margin-bottom:6px}.page-payment-status .error-reasons ul li:last-child{margin-bottom:0}.page-payment-status .exit-reminder{width:100%;background:#4ade8026;border:2px solid rgba(74,222,128,.3);border-radius:16px;padding:18px 20px;display:flex;gap:16px;align-items:center}.page-payment-status .exit-reminder svg{flex-shrink:0;color:#4ade80}.page-payment-status .exit-reminder .reminder-content{flex:1}.page-payment-status .exit-reminder .reminder-content h3{margin:0 0 4px;font-size:.85rem;font-weight:600;opacity:.85;text-transform:uppercase;letter-spacing:.05em}.page-payment-status .exit-reminder .reminder-content .exit-time{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#4ade80;line-height:1.2}.page-payment-status .exit-reminder .reminder-content .reminder-note{margin:0;font-size:.8rem;opacity:.7}.page-payment-status .action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:auto;padding-top:8px}.page-payment-status .action-buttons:has(.btn-primary:only-child),.page-payment-status .action-buttons:has(.btn-secondary:only-child){grid-template-columns:1fr}.page-payment-status .action-buttons a{padding:18px;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .15s;border:none;text-decoration:none;text-align:center}.page-payment-status .action-buttons a:active{transform:scale(.98)}.page-payment-status .action-buttons button{padding:18px;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .15s;border:none}.page-payment-status .action-buttons button:active{transform:scale(.98)}.page-payment-status .action-buttons .btn-secondary{background:#ffffff1a;color:#fff}.page-payment-status .action-buttons .btn-secondary:hover,.page-payment-status .action-buttons .btn-secondary:active{background:#ffffff26}.page-payment-status .action-buttons .btn-primary{background:#fff;color:#000}.page-payment-status .action-buttons .btn-primary:hover{background:#fffffff2}.page-payment-status .action-buttons .btn-primary:active{background:#ffffffe6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-payment-status .status-message,.page-payment-status .status-details,.page-payment-status .status-hint,.page-payment-status .instruction-box,.page-payment-status .error-reasons,.page-payment-status .exit-reminder,.page-payment-status .action-buttons{animation:fadeIn .4s ease-out forwards}.page-payment-status .status-message{animation-delay:.1s}.page-payment-status .status-details{animation-delay:.2s}.page-payment-status .status-hint,.page-payment-status .instruction-box,.page-payment-status .error-reasons,.page-payment-status .exit-reminder{animation-delay:.3s}.page-payment-status .action-buttons{animation-delay:.4s}.page-payment-status .demo-controls{position:fixed;bottom:0;left:0;right:0;background:#000000e6;padding:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px;z-index:1000}.page-payment-status .demo-controls p{margin:0;font-size:.75rem;opacity:.6;text-transform:uppercase;letter-spacing:.05em;text-align:center}.page-payment-status .demo-controls .demo-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.page-payment-status .demo-controls .demo-buttons button{padding:10px 6px;background:#ffffff1a;color:#fff;border:none;border-radius:8px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.page-payment-status .demo-controls .demo-buttons button:hover{background:#ffffff26}.page-payment-status .demo-controls .demo-buttons button:active{transform:scale(.95)}@media(max-width:400px){.page-payment-status{padding:30px 16px 20px}.page-payment-status .status-content{gap:24px}.page-payment-status .status-message h1{font-size:1.4rem}.page-payment-status .status-message p{font-size:.9rem}.page-payment-status .action-buttons{grid-template-columns:1fr}.page-payment-status .action-buttons button{width:100%}.page-payment-status .demo-controls .demo-buttons{grid-template-columns:repeat(2,1fr)}}.page-payment-status.status-prompt-sent .status-icon-container svg{filter:drop-shadow(0 0 20px rgba(96,165,250,.3))}.page-payment-status.status-prompt-failed .status-icon-container svg{filter:drop-shadow(0 0 20px rgba(248,113,113,.3))}.page-payment-status.status-processing .status-content{justify-content:center}.page-payment-status.status-success .status-icon-container svg{filter:drop-shadow(0 0 20px rgba(74,222,128,.3))}.page-payment-status.status-failed .status-icon-container svg{filter:drop-shadow(0 0 20px rgba(248,113,113,.3))}.page-payment-status.status-cancelled .status-icon-container svg{filter:drop-shadow(0 0 20px rgba(251,191,36,.3))}.page-coupon-code{display:flex;flex-direction:column;min-height:100vh;padding:0;background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}.page-coupon-code .header{display:flex;align-items:center;padding:20px 20px 15px;gap:15px;border-bottom:1px solid rgba(255,255,255,.1)}.page-coupon-code .header .back-btn{background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s}.page-coupon-code .header .back-btn:hover{background-color:#ffffff26}.page-coupon-code .header .back-btn:active{transform:scale(.95)}.page-coupon-code .header h1{margin:0;font-size:1.5rem;font-weight:600}.page-coupon-code .coupon-content{flex:1;display:flex;flex-direction:column;padding:30px 20px;gap:25px}.page-coupon-code .coupon-content .instruction{text-align:center;color:#ffffffb3;font-size:.95rem;margin:0}.page-coupon-code .coupon-content .error-banner{display:flex;align-items:center;gap:12px;background-color:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 16px;color:#fca5a5}.page-coupon-code .coupon-content .error-banner svg{flex-shrink:0}.page-coupon-code .coupon-content .error-banner span{flex:1;font-size:.9rem;line-height:1.4}.page-coupon-code .coupon-content .permission-info{display:flex;align-items:flex-start;gap:15px;background-color:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:16px;color:#93c5fd}.page-coupon-code .coupon-content .permission-info svg{flex-shrink:0;margin-top:2px}.page-coupon-code .coupon-content .permission-info div{flex:1}.page-coupon-code .coupon-content .permission-info div h3{margin:0 0 8px;font-size:1rem;font-weight:600;color:#fff}.page-coupon-code .coupon-content .permission-info div p{margin:0;font-size:.9rem;line-height:1.5;color:#fffc}.page-coupon-code .coupon-content .scanner-container{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}.page-coupon-code .coupon-content .scanner-container #qr-reader{width:100%;height:100%}.page-coupon-code .coupon-content .scanner-container #qr-reader.active video{width:100%;height:100%;object-fit:cover}.page-coupon-code .coupon-content .scanner-container .scanner-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px}.page-coupon-code .coupon-content .scanner-container .scanner-placeholder .camera-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:#fff9}.page-coupon-code .coupon-content .scanner-container .scanner-placeholder .camera-icon svg{width:40px;height:40px}.page-coupon-code .coupon-content .scanner-container .scanner-placeholder .btn-scan{background-color:var(--primary, #3b82f6);color:#fff;border:none;padding:16px 32px;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #3b82f64d}.page-coupon-code .coupon-content .scanner-container .scanner-placeholder .btn-scan:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #3b82f666}.page-coupon-code .coupon-content .scanner-container .scanner-placeholder .btn-scan:active:not(:disabled){transform:translateY(0)}.page-coupon-code .coupon-content .scanner-container .scanner-placeholder .btn-scan:disabled{opacity:.5;cursor:not-allowed;background-color:#fff3;box-shadow:none}.page-coupon-code .coupon-content .scanner-container .scanner-placeholder .permission-hint{margin:0;font-size:.85rem;color:#fff9;text-align:center;line-height:1.4}.page-coupon-code .coupon-content .stop-btn{max-width:400px;margin:0 auto;width:100%}.page-coupon-code .coupon-content .divider{position:relative;text-align:center;margin:10px 0}.page-coupon-code .coupon-content .divider:before,.page-coupon-code .coupon-content .divider:after{content:"";position:absolute;top:50%;width:calc(50% - 80px);height:1px;background:#ffffff26}.page-coupon-code .coupon-content .divider:before{left:0}.page-coupon-code .coupon-content .divider:after{right:0}.page-coupon-code .coupon-content .divider span{color:#ffffff80;font-size:.85rem;padding:0 15px}.page-coupon-code .coupon-content .manual-input-form{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto;width:100%}.page-coupon-code .coupon-content .manual-input-form .custom-input{background-color:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px;color:#fff;font-size:1rem;text-align:center;font-weight:500;letter-spacing:1px;outline:none;transition:all .2s}.page-coupon-code .coupon-content .manual-input-form .custom-input::placeholder{color:#fff6;letter-spacing:0}.page-coupon-code .coupon-content .manual-input-form .custom-input:focus{background-color:#ffffff1f;border-color:#ffffff40}.page-coupon-code .coupon-content .manual-input-form .btn-primary{display:inline-block;text-align:center;background-color:#fff;color:#000;border:none;padding:16px;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.page-coupon-code .coupon-content .manual-input-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.page-coupon-code .coupon-content .manual-input-form .btn-primary:not(:disabled):active{transform:scale(.98)}.page-coupon-code.success-state{align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#059669,#047857)}.page-coupon-code.success-state .success-content{display:flex;flex-direction:column;align-items:center;gap:25px;max-width:400px;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-coupon-code.success-state .success-content .success-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .6s cubic-bezier(.175,.885,.32,1.275) .2s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.page-coupon-code.success-state .success-content .success-icon svg{width:50px;height:50px;color:#fff}.page-coupon-code.success-state .success-content h1{margin:0;font-size:2rem;font-weight:700;text-align:center}.page-coupon-code.success-state .success-content .discount-badge{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:2rem;font-weight:800;padding:15px 35px;border-radius:20px;letter-spacing:2px;box-shadow:0 10px 40px #0003;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.page-coupon-code.success-state .success-content .price-comparison{display:flex;align-items:center;gap:20px;padding:25px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;width:100%;box-sizing:border-box}.page-coupon-code.success-state .success-content .price-comparison .original-price,.page-coupon-code.success-state .success-content .price-comparison .new-price{flex:1;display:flex;flex-direction:column;gap:5px}.page-coupon-code.success-state .success-content .price-comparison .original-price .label,.page-coupon-code.success-state .success-content .price-comparison .new-price .label{font-size:.85rem;opacity:.8;font-weight:500}.page-coupon-code.success-state .success-content .price-comparison .original-price .amount,.page-coupon-code.success-state .success-content .price-comparison .new-price .amount{font-size:1.4rem;font-weight:700}.page-coupon-code.success-state .success-content .price-comparison .original-price .amount{text-decoration:line-through;opacity:.7}.page-coupon-code.success-state .success-content .price-comparison .arrow{font-size:1.5rem;opacity:.6}.page-coupon-code.success-state .success-content .redirect-message{color:#fffc;font-size:.9rem;margin:0;animation:fadeIn 1s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.page-coupon-code.error-state{align-items:center;justify-content:center;padding:40px 20px}.page-coupon-code.error-state .error-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px;text-align:center}.page-coupon-code.error-state .error-content .error-icon{width:80px;height:80px;background:#ef444426;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fca5a5}.page-coupon-code.error-state .error-content .error-icon svg{width:50px;height:50px}.page-coupon-code.error-state .error-content h2{margin:0;font-size:1.75rem;font-weight:600}.page-coupon-code.error-state .error-content p{margin:0;color:#ffffffb3;font-size:1rem}.page-coupon-code.error-state .error-content .btn-primary{display:inline-block;text-align:center;background-color:#fff;color:#000;border:none;padding:16px 40px;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s;margin-top:10px}.page-coupon-code.error-state .error-content .btn-primary:active{transform:scale(.98)}.page-coupon-code .btn-secondary{display:inline-block;text-align:center;background-color:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:16px;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.page-coupon-code .btn-secondary:hover{background-color:#ffffff26}.page-coupon-code .btn-secondary:active{transform:scale(.98)}