.card-icon{position:relative;width:100%}label.card-icon.visa:before{content:"";position:absolute;right:-5px;top:0px;bottom:0;width:50px;background-repeat:no-repeat;background-size:38px;background-image:url(/assets/visa-icon-be7ce9a2abf1e3572a0f51a3f77782cdb74cdefa3bde881e05d6c3124702e6dc.png)}label.card-icon.mastercard:before{content:"";position:absolute;right:-10px;top:0px;bottom:0;width:50px;background-repeat:no-repeat;background-size:38px;background-image:url(/assets/mastercard-icon-814b15970b31128a644d21a5de6a0bc12ec873f8cba60e285c217e8d4ac5ed2a.png)}label.card-icon.discover:before{content:"";position:absolute;right:-5px;top:0px;bottom:0;width:50px;background-repeat:no-repeat;background-size:38px;background-image:url(/assets/discover-icon-8e7445bf1fb50b9348f48297503e3b76408b760f9eafd5f2370ec41315d29b34.png)}label.card-icon.american-express:before{content:"";position:absolute;right:-5px;top:1px;bottom:0;width:50px;background-repeat:no-repeat;background-size:35px;background-image:url(/assets/american-express-icon-dbf51fccff03d2ed34dd818a9d39a1a5b5d14f97ca0dbdf553287452f911d893.png)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}#modalOptions .modal-content{border:none;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.15);overflow:hidden}#modalOptions .modal-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border:none;padding:1.5rem 2rem}#modalOptions .modal-title{font-weight:600;font-size:1.25rem;margin:0;display:flex;align-items:center;gap:0.5rem}#modalOptions .modal-title i{font-size:1.5rem}#modalOptions .btn-close{filter:brightness(0) invert(1);opacity:0.8}#modalOptions .btn-close:hover{opacity:1}#modalOptions .modal-body{padding:2rem;background:#fafbfc}#modalOptions .modal-body>p{color:#6b7280;font-size:1rem;margin-bottom:2rem;text-align:center;font-weight:500}#modalOptions .login-options{display:flex;flex-direction:column;gap:2rem}#modalOptions .recommended-options h6,#modalOptions .alternative-options h6{color:#374151;font-weight:600;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}#modalOptions .recommended-options h6::before{content:"⭐";font-size:1.2rem}#modalOptions .alternative-options h6::before{content:"💡";font-size:1.2rem}#modalOptions .option-buttons{display:flex;flex-direction:column;gap:0.75rem}#modalOptions .btn{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.875rem 1.5rem;font-weight:600;font-size:1rem;border-radius:12px;transition:all 0.3s ease;text-decoration:none;border:2px solid transparent}#modalOptions .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}#modalOptions .btn-google{background:white;color:#374151;border-color:#e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,0.05)}#modalOptions .btn-google:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}#modalOptions .btn-google i{color:#4285f4;font-size:1.2rem}#modalOptions .btn-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-color:transparent;color:white}#modalOptions .btn-primary:hover{background:linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);color:white}#modalOptions .btn-outline-primary{background:white;color:#667eea;border-color:#667eea}#modalOptions .btn-outline-primary:hover{background:#667eea;color:white}#modalOptions .btn-outline-secondary{background:white;color:#6b7280;border-color:#d1d5db}#modalOptions .btn-outline-secondary:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af}#modalOptions .email-input-section{margin-bottom:1.5rem}#modalOptions .form-label{color:#374151;font-weight:600;font-size:0.95rem;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}#modalOptions .form-label::before{content:"📧";font-size:1.1rem}#modalOptions .input-group{position:relative;display:flex;align-items:stretch;width:100%}#modalOptions .input-group-text{display:flex;align-items:center;padding:1rem 1.25rem;background:#f8fafc;border:2px solid #e5e7eb;border-right:none;border-radius:12px 0 0 12px;color:#6b7280;font-size:1.1rem;transition:all 0.3s ease}#modalOptions .input-group .form-control{border-left:none;border-radius:0 12px 12px 0;padding:1rem 1.25rem;border:2px solid #e5e7eb;font-size:1rem;transition:all 0.3s ease;background:white;box-shadow:0 2px 4px rgba(0,0,0,0.02)}#modalOptions .input-group .form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,0.1);background:#fafbfc}#modalOptions .input-group .form-control:focus+.input-group-text,#modalOptions .input-group:focus-within .input-group-text{border-color:#667eea;background:#f0f4ff;color:#667eea}#modalOptions .input-group .form-control::placeholder{color:#9ca3af;font-style:italic}#modalOptions .form-text{color:#6b7280;font-size:0.875rem;display:flex;align-items:center;gap:0.25rem}#modalOptions .form-text i{color:#10b981;font-size:0.9rem}#modalOptions .alternative-options{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,0.04)}#modalOptions .alternative-options .mb-3{margin-bottom:1.5rem !important}@media (max-width: 576px){#modalOptions .modal-dialog{margin:1rem}#modalOptions .modal-header{padding:1.25rem 1.5rem}#modalOptions .modal-body{padding:1.5rem}#modalOptions .modal-title{font-size:1.1rem}#modalOptions .btn{padding:0.75rem 1.25rem;font-size:0.95rem}#modalOptions .input-group-text{padding:0.875rem 1rem;font-size:1rem}#modalOptions .input-group .form-control{padding:0.875rem 1rem;font-size:16px}#modalOptions .alternative-options{padding:1.25rem}}#modalOptions .modal-content{animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}