.payment-modal{background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 60px #00000026;max-width:480px;width:100%;position:relative;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(max-height:900px){.payment-modal{padding:24px}}@media(max-height:800px)and (orientation:landscape){.payment-modal{max-height:calc(100vh - 80px);overflow-y:auto}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.modal-title{font-size:24px;font-weight:400;color:#242b33;margin:0 0 2px;line-height:30px;letter-spacing:.7px}.modal-subtitle{font-size:14px;font-weight:300;color:#6e8298;margin:0;letter-spacing:.2px}.close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#374151}.amount-section{text-align:center;padding:16px 0;margin-bottom:16px}.amount-label{font-size:12px;font-weight:400;color:#6b7280;margin:0 0 6px}.amount-value{font-size:36px;font-weight:700;color:#001a4c;margin:0 0 6px;letter-spacing:-.02em}.invoice-number{font-size:11px;font-weight:400;color:#6e8298;margin:0}.payment-methods{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.payment-option{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;width:100%;text-align:left;font-family:Satoshi,sans-serif}.payment-option:hover{border-color:#d1d5db;background:#f9fafb}.payment-option.expanded{border-color:#06f;background:#f0f7ff}.payment-option.disabled{opacity:.6;cursor:not-allowed}.payment-option-left{display:flex;align-items:center;gap:12px}.payment-option-left svg{color:#6b7280;flex-shrink:0}.payment-option-left span{font-size:15px;color:#6e8298;font-weight:500}.payment-option-right{display:flex;align-items:center;gap:8px}.payment-option-badge{font-size:11px;font-weight:400;color:#6e8298}.payment-option-badge.cashback{color:#0bbf28}.payment-option-badges{display:flex;gap:6px;align-items:center}.payment-option-badges img{height:18px;border-radius:3px}.hmo-dropdown{overflow:hidden;margin-top:-8px}.hmo-content{padding:14px;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px}.search-wrapper{position:relative;margin-bottom:12px}.search-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.hmo-search{width:100%;padding:9px 12px 9px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:400;font-family:Satoshi,sans-serif;outline:none;transition:border-color .2s}.hmo-search:focus{border-color:#06f}.hmo-search::placeholder{font-family:Satoshi,sans-serif;font-weight:400}.hmo-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;max-height:180px;overflow-y:auto}.hmo-checkbox-wrapper{padding:10px;border-radius:8px;cursor:pointer;transition:background-color .15s}.checkbox-container{display:flex;align-items:center;gap:12px}.custom-checkbox{width:18px;height:18px;border:2px solid #cdd1d9;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff}.hmo-checkbox{position:absolute;opacity:0;pointer-events:none}.custom-checkbox{width:18px;height:18px;border:2px solid #d1d5db;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hmo-label{font-size:14px;font-weight:400;color:#374151;-webkit-user-select:none;user-select:none}.register-button{width:100%;padding:12px;border:none;border-radius:50px;font-size:14px;font-weight:600;font-family:Satoshi,sans-serif;color:#fff;cursor:pointer;transition:all .2s}.register-button:disabled{cursor:not-allowed;opacity:.5}.security-message{font-size:11px;font-weight:400;color:#9ca3af;text-align:center;line-height:18px;margin-top:0}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#06f;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p{color:#6b7280;font-size:14px;margin:8px 0 0}.error-state svg{margin-bottom:16px}.error-state h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.error-banner{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin-bottom:16px}.error-banner p{color:#991b1b;font-size:13px;margin:0}.processing-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;z-index:10}.processing-overlay p{color:#6b7280;font-size:14px;margin:8px 0 0}
