*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f8f9fa;color:#000;line-height:1.6;-webkit-text-size-adjust:100%}html,body,#root{height:100%}.app-container{min-height:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}.back-btn1{background:none;border:none;text-decoration:none;font-size:.9375rem;font-weight:700;cursor:pointer;color:#333;padding:8px;border-radius:4px;transition:background-color .2s}.back-btn1:hover{background-color:#0000000d}.back-btn{background:none;border:none;font-size:.9375rem;font-weight:700;cursor:pointer;color:#333;padding:8px;border-radius:4px;transition:background-color .2s}.back-btn:hover{background-color:#0000000d}.bottom-action-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background-color:#fff;padding:8px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 -2px 10px #0000001a;z-index:1000;max-width:none!important;margin:0!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.buy-button{background-color:#001183;border:none;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;padding:16px 24px;border-radius:8px;transition:background-color .2s;width:100%;text-align:center;letter-spacing:.5px}.buy-button:hover{background-color:#001a4d}.buy-button:disabled{background-color:#bdbdbd;color:#757575;cursor:not-allowed}.buy-button:disabled:hover{background-color:#bdbdbd}.get-coins-page{min-height:100vh;background-color:#f5f5f5;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}.get-coins-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px;background-color:#fff;border-bottom:1px solid #e0e0e0}.get-coins-title{font-size:.9375rem;font-weight:700;color:#000}.referral-card{background-color:#fff;margin:16px 20px;border-radius:16px;padding:0;box-shadow:0 2px 8px #0000001a;overflow:hidden}.coupon-section{padding:20px;background-color:#f8f9fa}.coupon-input-container{display:flex;flex-direction:column;gap:8px}.coupon-label{font-size:1.2rem;font-weight:700;color:#333}.coupon-input-wrapper{display:flex;gap:8px;align-items:center}.coupon-input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background-color:#fff;transition:border-color .2s ease}.coupon-input:focus{outline:none;border-color:#001183}.coupon-input.error{border-color:#ff5722}.coupon-input.valid{border-color:#00c853}.apply-coupon-btn{padding:12px 20px;background-color:#001183;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.apply-coupon-btn:hover{background-color:#001a4d}@media (max-width: 480px){.coupon-input-wrapper{flex-direction:column;gap:12px}.apply-coupon-btn{width:100%;padding:14px 20px;font-size:1rem}.coupon-input{width:100%}}@media (max-width: 360px){.coupon-input-wrapper{gap:10px}.apply-coupon-btn{padding:12px 16px;font-size:.95rem}.coupon-input{padding:10px 14px;font-size:.95rem}.account-display-section{padding:16px;margin-bottom:16px}.account-display-number{font-size:1.2rem;padding:10px 12px}.amharic-description{padding:8px;margin-top:8px}.amharic-text{font-size:.8rem;line-height:1.3}}.coupon-error{font-size:.8rem;color:#ff5722;margin-top:4px}.coupon-success{font-size:.8rem;color:#00c853;margin-top:4px}.referral-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.referral-text{flex:1;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Bradley Hand,Brush Script MT,Segoe Print,Comic Neue,Kalam,Patrick Hand,Indie Flower,cursive;font-size:1.1rem;color:#000;line-height:1.4;font-weight:500}.highlight-text{color:#00c853;font-weight:700}.referral-illustration{margin-left:16px;text-align:center}.high-five-image{display:flex;align-items:center;justify-content:center}.high-five-emoji{font-size:4rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 4px 12px #ffd7004d;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.invitation-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.invitation-code{display:flex;flex-direction:column;background-color:#fff;border:1.5px solid #bbb;border-radius:10px;padding:12px 16px;flex:1;margin-right:16px}.code-label{font-size:.9rem;color:#888;margin-bottom:4px}.code-value{font-size:1.1rem;font-weight:700;color:#06f}.share-button{background-color:#001183;border:none;border-radius:8px;padding:16px 20px;font-size:1.2rem;font-weight:700;color:#fff;cursor:pointer;transition:background-color .2s;white-space:nowrap}.share-button:hover{background-color:#001a4d}.friend-benefit{font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Bradley Hand,Brush Script MT,Segoe Print,Comic Neue,Kalam,Patrick Hand,Indie Flower,cursive;font-size:1rem;color:#000;font-weight:500}.coin-options-card{background-color:#fff;margin:16px 20px;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000001a}.coin-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.coin-option{background-color:#ededed;border:none;border-radius:10px;padding:20px 12px 12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.coin-option:hover{background-color:#e0e0e0}.coin-option.selected{background-color:#e3f2fd;border:2.5px solid #0066ff}.coin-amount{font-size:1.2rem;font-weight:700;color:#000;margin-bottom:4px;white-space:nowrap;display:inline-block;text-align:center;width:100%}.coin-price{font-size:.9rem;color:#6b7280}.custom-page{min-height:100vh;background-color:#f5f5f5;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.custom-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px;background-color:#fff;border-bottom:1px solid #e0e0e0}.custom-title{font-size:1.5rem;font-weight:700;color:#000}.payment-section{background-color:#fff;margin:16px 20px;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000001a}.payment-label{font-size:1rem;font-weight:700;color:#000;margin-bottom:12px}.payment-input-container{margin-bottom:8px;position:relative;display:flex;align-items:center}.payment-input{width:100%;padding:12px 16px;border:1.5px solid #bbb;border-radius:10px;font-size:1.1rem;font-weight:600;background-color:#fafafa;color:#000;outline:none;transition:border-color .2s;cursor:default;-webkit-user-select:none;user-select:none}.payment-input:focus{border-color:#bbb;background-color:#fafafa;cursor:default}.payment-input:read-only{cursor:default;-webkit-user-select:none;user-select:none}.birr-suffix{position:absolute;right:16px;font-size:1.1rem;font-weight:600;color:#666;pointer-events:none}.coin-amount-display{text-align:center;margin-top:16px}.coin-amount-value{display:block;font-size:1.3rem;font-weight:700;color:#000}.keypad-container{background-color:#fff;margin:16px 20px;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000001a}.payment-section .keypad-container{background-color:transparent;margin:16px 0 0;border-radius:0;padding:0;box-shadow:none}.keypad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.keypad-key{background-color:#ededed;border:none;border-radius:8px;padding:20px 0;font-size:1.3rem;font-weight:700;color:#000;cursor:pointer;transition:background-color .2s;min-height:60px;display:flex;align-items:center;justify-content:center}.keypad-key:hover{background-color:#e0e0e0}.keypad-key.delete-key{background-color:#ededed;display:flex;align-items:center;justify-content:center;border-radius:8px;grid-row:1 / 3;grid-column:4}.keypad-key.delete-key svg{width:20px;height:20px;color:#333}.keypad-spacer{display:none}.keypad-key:last-child{grid-column:4;grid-row:3}.product-page{min-height:100vh;background-color:#f5f5f5}.product-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0}.product-price{font-size:1.5rem;font-weight:700;color:#000}.product-content{flex:1;background-color:#fff;margin:16px 20px;border-radius:16px;min-height:280px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:flex-start;justify-content:flex-start;padding:24px}.order-summary{width:100%}.summary-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:24px;text-align:center}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0}.summary-label{font-size:1rem;color:#000;font-weight:500}.summary-value{font-size:1rem;color:#000;font-weight:600}.summary-divider{height:2px;background-color:#e0e0e0;margin:16px 0}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.total-label{font-size:1.2rem;color:#000;font-weight:900}.total-value{font-size:1.2rem;color:#06f;font-weight:700}.order-summary-section{padding:24px 20px;background-color:#fff}.order-summary-title{font-size:1.4rem;font-weight:700;color:#000;margin-bottom:16px;text-align:center}.order-summary-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.amount-coins,.amount-birr{font-size:1.1rem;font-weight:600;color:#000}.order-summary-divider{height:2px;background-color:#e0e0e0;width:100%}.international-payment-section{padding:20px;background-color:#fff}.payment-section-title{font-size:1.3rem;font-weight:700;color:#000;margin-bottom:16px}.add-card-container{margin-bottom:16px}.add-card-button{width:100%;background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.add-card-button:hover{background-color:#f0f0f0;border-color:#06f}.add-card-button.selected{background-color:#e3f2fd;border-color:#06f;border-width:3px}.add-card-icon{font-size:1.5rem}.add-card-text{font-size:1.1rem;font-weight:600;color:#000}.payment-section-divider{height:2px;background-color:#e0e0e0;width:100%}.local-payment-section{padding:20px;background-color:#fff}.local-payment-methods{display:flex;flex-direction:column;gap:12px}.local-payment-method{width:100%;background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.local-payment-method:hover{background-color:#f0f0f0;border-color:#06f}.local-payment-method.selected{background-color:#e3f2fd;border-color:#06f;border-width:3px}.local-payment-method .payment-method-icon{font-size:1.5rem;flex-shrink:0}.local-payment-method .payment-method-name{font-size:1rem;font-weight:600;color:#000;text-align:left}.payment-options-inline{background-color:#fff;margin:16px 20px;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.payment-options-inline .international-payment-section{padding:20px;background-color:#fff;border-bottom:1px solid #e0e0e0}.payment-options-inline .local-payment-section{padding:20px;background-color:#fff}.payment-section-title{font-size:1.2rem;font-weight:600;color:#000;margin-bottom:16px}.payment-methods-grid{display:grid;grid-template-columns:1fr;gap:12px}.payment-method{display:flex;align-items:center;justify-content:space-between;padding:16px;border:2px solid #e0e0e0;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .2s ease}.payment-method:hover{border-color:#001183;background-color:#f8f9fa}.payment-method.selected{border-color:#001183;background-color:#f0f2ff}.payment-method-icon{font-size:2.5rem;margin-left:12px}.payment-method-info{flex:1;text-align:left}.payment-method-name{font-size:1rem;font-weight:600;color:#000;margin-bottom:4px}.payment-method-description{font-size:.85rem;color:#666}.total-section{background-color:#fff;margin:16px 20px;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:20px}.bottom-action-bar .total-section{margin:0 0 8px;background-color:transparent;box-shadow:none;padding:0;width:100%}.bottom-action-bar .total-content{display:flex;justify-content:space-between;align-items:center;width:100%}.total-text{display:flex;align-items:center;gap:8px}.total-label{font-size:1.2rem;font-weight:900;color:#000}.total-amount{font-size:1.4rem;font-weight:700;color:#6b7280}.payment-method-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.account-display-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px;margin-bottom:8px;text-align:center}.account-display-content{display:flex;flex-direction:column;gap:3px}.account-display-label{font-size:.9rem;color:#666;font-weight:500}.account-display-number{font-size:1.2rem;font-weight:700;color:#001183;background-color:#fff;padding:8px 12px;border-radius:6px;border:2px solid #001183;letter-spacing:1px}.amharic-description{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px;margin-top:6px}.amharic-text{font-size:.8rem;color:#666;line-height:1.3;text-align:center}.order-confirmation-page{min-height:100vh;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:20px}.confirmation-container{background-color:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 20px #0000001a;max-width:500px;width:100%;text-align:center}.success-header{margin-bottom:30px}.success-icon{font-size:4rem;margin-bottom:20px}.success-title{font-size:1.8rem;font-weight:700;color:#00c853;margin-bottom:10px}.success-subtitle{font-size:1.1rem;color:#666;margin-bottom:0}.order-details{background-color:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:30px;text-align:left}.details-title{font-size:1.3rem;font-weight:600;color:#000;margin-bottom:20px;text-align:center}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0}.detail-item:last-child{border-bottom:none}.detail-label{font-size:1rem;color:#666;font-weight:500}.detail-value{font-size:1rem;color:#000;font-weight:600}.confirmation-actions{display:flex;flex-direction:column;gap:12px}.buy-more-button{background-color:#001183;border:none;color:#fff;font-size:1.1rem;font-weight:600;padding:16px 24px;border-radius:8px;cursor:pointer;transition:background-color .2s}.buy-more-button:hover{background-color:#001a4d}.home-button{background-color:#f5f5f5;border:none;color:#000;font-size:1rem;font-weight:500;padding:14px 24px;border-radius:8px;cursor:pointer;transition:background-color .2s}.home-button:hover{background-color:#e0e0e0}.error-message{text-align:center}.error-message h2{color:#ff5722;margin-bottom:16px}.error-message p{color:#666;margin-bottom:24px}.card-payment-page{min-height:100vh;background-color:#f5f5f5;max-width:600px;margin:0 auto;padding-bottom:90px}.card-payment-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0}.card-payment-title{font-size:1.3rem;font-weight:600;color:#000;flex:1;text-align:center;margin:0 40px}.help-btn{background:none;border:none;font-size:1.2rem;color:#000;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.help-btn:hover{background-color:#f5f5f5}.secure-payment-banner{display:flex;align-items:center;justify-content:center;background-color:#001183;color:#fff;padding:12px 20px;font-size:.9rem;font-weight:500}.shield-icon{margin-right:8px;font-size:1rem}.secure-arrow{margin-left:8px;font-weight:700}.payment-form-container{background-color:#fff;margin:8px 12px;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000001a;flex:1;overflow-y:auto;min-height:0}.payment-form{display:flex;flex-direction:column;gap:2px}.form-group{display:flex;flex-direction:column;margin-bottom:6px}.form-row{display:flex;gap:8px;align-items:flex-start}.form-group.half{flex:1;min-width:0}.form-label{font-size:.8rem;font-weight:500;color:#000;margin-bottom:3px}.form-input{padding:8px 12px;border:1.5px solid #e0e0e0;border-radius:6px;font-size:.9rem;background-color:#fff;color:#000;transition:border-color .2s}.form-input:focus{outline:none;border-color:#06f}.form-input.error{border-color:#ff5722;background-color:#ffebee}.form-group.error .form-label{color:#ff5722}.error-message{color:#ff5722;font-size:.9rem;margin-top:4px;display:flex;align-items:center;gap:4px}.error-icon{font-size:1rem}.share-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.share-modal{background-color:#fff;border-radius:16px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #0000004d}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.share-modal-title{font-size:1.2rem;font-weight:600;color:#000;margin:0}.share-modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.share-modal-close:hover{color:#000}.share-options-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:16px;padding:24px}.share-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border:2px solid #e0e0e0;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .2s ease;min-height:80px}.share-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-option:active{transform:translateY(0)}.share-option-icon{font-size:1.5rem;margin-bottom:8px}.share-option-name{font-size:.9rem;font-weight:500;color:#000;text-align:center}.share-modal-actions{padding:16px 24px 24px;border-top:1px solid #e0e0e0}.share-cancel-btn{width:100%;background-color:#f5f5f5;border:none;color:#000;font-size:1rem;font-weight:500;padding:14px 24px;border-radius:8px;cursor:pointer;transition:background-color .2s}.share-cancel-btn:hover{background-color:#e0e0e0}.input-container{position:relative;display:flex;align-items:center;width:100%}.card-icon{position:absolute;left:12px;font-size:1.1rem;color:#757575;z-index:2;pointer-events:none}.card-number-input{width:100%;padding-left:16px;padding-right:100px;box-sizing:border-box}.card-brands{position:absolute;right:8px;display:flex;gap:4px;z-index:2;pointer-events:none}.card-brand{font-size:.6rem;font-weight:700;padding:2px 4px;border-radius:2px;color:#fff;white-space:nowrap;min-width:28px;text-align:center}.card-brand.visa{background-color:#1a1f71}.card-brand.mastercard{background-color:#eb001b}.legal-text{font-size:.65rem;color:#666;line-height:1.2;margin-top:2px;padding:2px 0;max-height:30px;overflow:hidden}.expand-btn{background:none;border:none;color:#001183;font-size:.8rem;cursor:pointer;margin-left:4px}.checkbox-group{margin-top:1px}.checkbox-label{display:flex;align-items:flex-start;gap:6px;cursor:pointer;font-size:.75rem;line-height:1.1}.checkbox-input{margin:1px 0 0;width:12px;height:12px;flex-shrink:0}.checkbox-text{color:#666;font-size:.7rem;line-height:1.1}.payment-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;width:100%;padding:0 20px}.pay-now-button{background-color:#06f;border:none;color:#fff;font-size:1.1rem;font-weight:600;padding:16px;border-radius:8px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.pay-now-button:hover{background-color:#0052cc}.local-payment-page{height:100vh;background-color:#f5f5f5;max-width:600px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.local-payment-page .bottom-action-bar{position:relative;flex-shrink:0}.local-payment-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0}.local-payment-title{font-size:1.3rem;font-weight:600;color:#212121;flex:1;text-align:center;margin:0 40px}.payment-method-display{display:flex;flex-direction:column;align-items:center;padding:24px 20px;background-color:#fff;border-bottom:1px solid #e0e0e0}.method-icon{font-size:3rem;margin-bottom:12px}.method-name{font-size:1.2rem;font-weight:600;color:#000}@media (max-width: 480px){.get-coins-header,.custom-header,.product-header,.card-payment-header,.local-payment-header{padding:8px 16px}.get-coins-title,.custom-title,.product-title,.card-payment-title,.local-payment-title{font-size:.9375rem}.referral-card,.coin-options-card,.payment-section,.keypad-container,.product-content,.payment-form-container{margin:8px 12px;padding:16px;border-radius:12px}.coin-options-grid{grid-template-columns:repeat(3,1fr);gap:8px}.coin-option{padding:16px 8px 8px;min-height:70px}.coin-amount{font-size:1rem;white-space:nowrap;display:inline-block;text-align:center;width:100%}.coin-price{font-size:.9rem;color:#6b7280}.keypad-grid{gap:8px}.keypad-key{padding:16px 0;min-height:50px;font-size:1.2rem}.form-group{margin-bottom:16px}.form-input{padding:14px 16px;font-size:16px}.form-row{gap:8px}.form-group.half{flex:1;min-width:0}@media (max-width: 360px){.form-row{gap:6px}.form-group.half{min-width:120px}}.buy-button,.pay-now-button{font-size:1.1rem;padding:16px 20px}.bottom-action-bar{padding:8px 16px}.high-five-emoji{font-size:3rem;width:60px;height:60px}.referral-text{font-size:1rem}}@media (min-width: 481px) and (max-width: 768px){.get-coins-header,.custom-header,.product-header,.card-payment-header,.local-payment-header{padding:10px 20px}.get-coins-title,.custom-title,.product-title,.card-payment-title,.local-payment-title{font-size:.9375rem}.referral-card,.coin-options-card,.payment-section,.keypad-container,.product-content,.payment-form-container{margin:12px 20px;padding:20px}.coin-options-grid{grid-template-columns:repeat(3,1fr);gap:12px}.keypad-grid{gap:12px}.keypad-key{padding:18px 12px;font-size:1.3rem}.form-row{gap:12px}.form-group.half{flex:1;min-width:0}.form-input{padding:16px 18px}.payment-methods-grid{grid-template-columns:repeat(2,1fr);gap:16px}.high-five-emoji{font-size:3.5rem;width:70px;height:70px}}@media (min-width: 769px) and (max-width: 1024px){.get-coins-page,.custom-page,.product-page,.card-payment-page,.local-payment-page{max-width:800px;margin:0 auto}.payment-modal{max-width:100%;width:100%;height:85vh;padding-bottom:130px}.payment-modal-overlay{padding:25px}.payment-modal-header{padding:22px 28px}.modal-title{font-size:1.45rem}.payment-form-container{padding:22px 28px}.form-group{margin-bottom:22px}.form-label{font-size:.95rem;margin-bottom:7px}.form-input{padding:13px 17px;font-size:1.05rem;border-radius:9px}.bottom-action-bar{padding:18px 28px}.pay-now-button{font-size:1.25rem;padding:19px}.total-label{font-size:1.25rem}.total-amount{font-size:1.4rem}.referral-card,.coin-options-card,.payment-section,.keypad-container,.product-content,.payment-form-container{margin:16px 24px;padding:24px}.coin-options-grid{grid-template-columns:repeat(4,1fr);gap:16px}.keypad-grid{gap:16px}.keypad-key{padding:20px 16px;font-size:1.4rem}.form-row{gap:20px}.bottom-action-bar{max-width:none!important;margin:0!important}.high-five-emoji{font-size:4rem;width:80px;height:80px}}@media (min-width: 1025px){.get-coins-page,.custom-page,.product-page,.card-payment-page,.local-payment-page{max-width:1000px;margin:0 auto}.referral-card,.coin-options-card,.payment-section,.keypad-container,.product-content,.payment-form-container{margin:20px 32px;padding:32px}.coin-options-grid{grid-template-columns:repeat(5,1fr);gap:20px}.keypad-grid{gap:20px}.keypad-key{padding:24px 20px;font-size:1.6rem}.form-row{gap:24px}.bottom-action-bar{max-width:none!important;margin:0!important}.high-five-emoji{font-size:4.5rem;width:90px;height:90px}}.cbe-info-banner{display:flex;align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:16px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px #1e40af33}.cbe-icon{font-size:2rem;margin-right:12px;background:#fff3;padding:8px;border-radius:8px}.cbe-text{flex:1}.cbe-title{font-size:1.1rem;font-weight:600;margin-bottom:4px}.cbe-subtitle{font-size:.9rem;opacity:.9}.cbe-note{display:flex;align-items:flex-start;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:12px;margin-top:16px}.note-icon{font-size:1.2rem;margin-right:8px;margin-top:2px;color:#0ea5e9}.note-text{font-size:.9rem;color:#0c4a6e;line-height:1.4}.receipt-upload-container{position:relative;margin-top:8px}.receipt-upload-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden}.receipt-upload-label{display:flex;align-items:center;padding:6px;border:2px dashed #d1d5db;border-radius:4px;background:#f9fafb;cursor:pointer;transition:all .2s ease;min-height:35px;width:100%;box-sizing:border-box}.receipt-upload-label:hover{border-color:#3b82f6;background:#eff6ff}.receipt-upload-label:focus-within{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.upload-icon{font-size:1.2rem;margin-right:6px;color:#6b7280}.upload-text{flex:1}.upload-title{font-size:.8rem;font-weight:500;color:#374151;margin-bottom:1px}.upload-subtitle{font-size:.75rem;color:#6b7280}.upload-button{background:#3b82f6;color:#fff;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.upload-button:hover{background:#2563eb}.receipt-upload-label:has(.receipt-upload-input:not(:placeholder-shown)){border-color:#10b981;background:#ecfdf5}.receipt-upload-label:has(.receipt-upload-input:not(:placeholder-shown)) .upload-icon{color:#10b981}.receipt-upload-label:has(.receipt-upload-input:not(:placeholder-shown)) .upload-title{color:#10b981}@media (max-width: 768px){.receipt-upload-label{padding:4px;min-height:32px;flex-direction:column;text-align:center;gap:2px}.upload-icon{font-size:1.5rem;margin-right:0;margin-bottom:4px}.upload-text{order:2}.upload-button{order:3;padding:6px 12px;font-size:.8rem}.upload-title{font-size:.9rem;margin-bottom:2px}.upload-subtitle{font-size:.8rem}}.payment-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.payment-modal{background:#fff;width:100%;max-width:500px;height:85vh;border-radius:20px 20px 0 0;animation:slideUp .3s ease;overflow:hidden;display:flex;flex-direction:column;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}@media (min-width: 768px){.payment-modal{max-width:100%;width:100%;height:85vh;border-radius:20px 20px 0 0;align-self:flex-end;margin:0;padding-bottom:0}.payment-modal-overlay{align-items:flex-end;padding:0}.payment-modal-header{padding:20px 24px}.modal-title{font-size:1.4rem}.payment-form-container{padding:20px 24px}.form-group{margin-bottom:20px}.form-label{font-size:.9rem;margin-bottom:6px}.form-input{padding:12px 16px;font-size:1rem;border-radius:8px}.bottom-action-bar{padding:16px 24px;position:relative;bottom:auto;left:auto;right:auto;box-shadow:0 -2px 10px #0000001a;border-top:1px solid #e0e0e0}.pay-now-button{font-size:1.2rem;padding:18px}}@media (min-width: 1024px){.payment-modal{max-width:100%;width:100%;height:80vh;border-radius:20px 20px 0 0;align-self:flex-end;margin:0;padding-bottom:0}.payment-modal-overlay{align-items:flex-end;padding:0}.payment-modal-header{padding:24px 32px}.modal-title{font-size:1.5rem}.payment-form-container{padding:24px 32px}.form-group{margin-bottom:24px}.form-label{font-size:1rem;margin-bottom:8px}.form-input{padding:14px 18px;font-size:1.1rem;border-radius:10px}.bottom-action-bar{padding:20px 32px;position:relative;bottom:auto;left:auto;right:auto;box-shadow:0 -2px 10px #0000001a;border-top:1px solid #e0e0e0}.pay-now-button{font-size:1.3rem;padding:20px}.total-label{font-size:1.3rem}.total-amount{font-size:1.5rem}.account-display-section{padding:24px;margin-bottom:24px}.account-display-label{font-size:1.2rem}.account-display-number{font-size:1.5rem;padding:16px 20px}.amharic-description{padding:12px;margin-top:12px}.amharic-text{font-size:.85rem}.receipt-upload-container{padding:20px}.upload-title{font-size:1.1rem}.upload-subtitle{font-size:.95rem}}.payment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.modal-close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.modal-close-btn:hover{background:#f3f4f6}.modal-title{font-size:1.1rem;font-weight:600;color:#111827;flex:1;text-align:center;margin:0 40px}.modal-amount{font-size:1rem;font-weight:600;color:#059669;background:#ecfdf5;padding:4px 12px;border-radius:6px}.payment-form-container{flex:1;padding:16px;overflow-y:auto;min-height:0}.payment-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.total-label{font-size:1rem;color:#000;font-weight:900}.total-amount{font-size:1.2rem;font-weight:600;color:#111827}.pay-now-button{width:100%;background:#06f;color:#fff;border:none;padding:16px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.pay-now-button:hover:not(:disabled){background:#0052cc}.pay-now-button:disabled{background:#9ca3af;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.payment-modal.slide-down{animation:slideDown .3s ease}@media (max-width: 768px){.payment-modal{height:85vh;border-radius:16px 16px 0 0}.payment-modal-header{padding:10px 16px}.modal-title{font-size:1rem}.payment-form-container{padding:16px}.bottom-action-bar{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));position:fixed!important;bottom:0!important;left:0!important;right:0!important}}.confirm-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.confirm-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;box-shadow:0 10px 30px #00000040;padding:24px;text-align:center}.confirm-icon{font-size:2.2rem;margin-bottom:8px}.confirm-title{font-size:1.4rem;font-weight:700;margin-bottom:4px}.confirm-subtitle{color:#6b7280;margin-bottom:16px}.confirm-details{background:#f8f9fa;border-radius:12px;padding:12px;margin-bottom:16px}.confirm-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.confirm-row:last-child{border-bottom:none}.confirm-actions{display:flex;gap:10px}.confirm-primary{flex:1;background:#001183;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer}.confirm-secondary{flex:1;background:#f3f4f6;color:#111827;border:none;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer}