body{font-family:'Nunito Sans',sans-serif;line-height:inherit;background:linear-gradient(350deg,#f4f9ff,#edf4ffc9),url("https://static.vecteezy.com/system/resources/thumbnails/004/736/593/small_2x/geometric-cube-seamless-pattern-soft-gray-and-white-wide-background-minimalist-concept-ready-for-your-backdrop-wallpaper-design-template-free-vector.jpg");display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:11px;color:#333}.container-m{background-color:#edf4ff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:98%;max-width:600px;display:flex;flex-direction:column;max-height:80vh;min-height:80vh;overflow:hidden}.top{background-color:#00008B;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.logo img{max-height:30px}.cancel_btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;opacity:.9;transition:opacity .2s ease-in-out;outline:none}.cancel_btn:hover{opacity:1}.brand{padding:24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.card{display:flex;align-items:center}.brand-logo{width:90px;height:70px;border-radius:100px;background-color:#e8eaf6;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-right:20px}.brand-logo img{max-width:90%;max-height:90%;object-fit:contain}.brand-info h1{font-size:1em;margin-bottom:8px;color:#212121;font-weight:600}.brand-info .d-flex{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;font-size:.8em}.brand-info .d-flex .mbtn{flex-shrink:0}.mbtn{background-color:#E6E6FA;color:#555;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.95em;outline:none;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.mbtn:hover{background-color:#E6E6FA;color:#333;box-shadow:0 3px 6px rgba(0,0,0,.07)}.method{flex-grow:1;overflow-y:auto;padding:0 12px 24px;position:center;font-size:1em}.method h1{font-size:1.1em;color:#212121;margin:18px 0 10px;font-weight:600;flex-shrink:0}.menu{display:flex;gap:5px;overflow-x:auto;padding:10px 0;margin-bottom:10px;position:sticky;top:0;background:#edf4ff;z-index:10;position:center;border-bottom:1px solid #ccc}.menu-btn{background-color:#e3f2fd;color:#1e88e5;border:1px solid #bbdefb;padding:12px 8px;border-radius:8px;cursor:pointer;font-size:.9em;white-space:nowrap;outline:none;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05);flex-shrink:0}.menu-btn.active{background-color:#1e88e5;color:#fff;border-color:#1e88e5;box-shadow:0 3px 6px rgba(0,0,0,.07)}.menu-btn:hover{background-color:#bbdefb;color:#1565c0;border-color:#1565c0}.tab-content{display:none}.tab-content.active{display:block}.methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,2fr));gap:10px;padding-bottom:20px}@media(max-width:600px){.methods{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding-bottom:15px}}@media(min-width:1024px){.methods{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:15px;padding-bottom:25px}}.methods .row{background-color:#f9f9f9;border-radius:10px;padding:12px;max-width:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;text-align:center;border:none;box-shadow:2px 2px 5px rgba(0,0,0,.3);box-sizing:border-box}.methods .row:hover{box-shadow:0 4px 10px rgba(0,0,0,.08);transform:scale(1.03)}.methods .row img{max-width:95%;min-width:95%;max-height:45px;min-height:45px;object-fit:contain;margin-bottom:4px}.tab-content#brand-support .d-flex,.tab-content#brand-details .card{padding:10px}.tab-content#brand-support .row{margin-bottom:12px}.tab-content#brand-support a{display:block;color:#1976d2;text-decoration:none;padding:12px 18px;border:1px solid #1976d2;border-radius:8px;text-align:center;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tab-content#brand-support a:hover{background-color:#1976d2;color:#fff}.tab-content#brand-details .card p{font-weight:600;margin-bottom:16px;color:#333}.tab-content#brand-details table{width:100%;border-collapse:collapse}.tab-content#brand-details th,.tab-content#brand-details td{padding:12px;border-bottom:1px solid #e0e0e0;text-align:left}.tab-content#brand-details th{font-weight:400;color:#777;width:40%}.bottom{position:sticky;bottom:0;background-color:#00008B;color:white;padding:20px 24px;text-align:center;font-weight:600;font-size:1em;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px;flex-shrink:0;z-index:20}@media(max-width:768px){body{align-items:flex-start;padding-top:45px;padding-bottom:19px;min-height:100vh}.container-m{min-height:80vh;max-height:80vh;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.menu-btn{font-size:.8em}}@media(min-width:768px){.menu{gap:15px;align-items:center}.menu-btn{font-size:1.1em}}.row.clicked .ribbon{display:block}.ribbon{--f:5px;--r:10px;--t:-1px;font-size:10px;font-weight:bold;position:absolute;inset:var(--t) calc(-1 * var(--f)) auto auto;padding:0 3px var(--f) calc(5px + var(--r));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f)/2));background:#079be345;box-shadow:0 calc(-1 * var(--f)) 0 inset #0005}.row{position:relative}.popup-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFFAF0;border-radius:12px;border:2px solid #fff;box-shadow:0 8px 16px rgba(0,0,0,.35);display:none;z-index:9999;width:80%;max-width:400px;padding:10px}.popup-inner{background:#FFFAF0;border-radius:12px;padding:18px 20px;animation:fadeInUp .3s ease-out;font-family:"Segoe UI",Roboto,sans-serif}.popup-inner h4{font-size:16px;font-weight:600;color:#222;margin-bottom:12px;text-align:center}.popup-inner ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.popup-inner ul li{display:flex;flex-direction:column;align-items:center;position:relative;padding:10px 14px;height:78px;border-radius:6px;cursor:pointer;border:2px solid #222;background-color:#fff;width:calc(50% - 6px);box-sizing:border-box;transition:background .25s ease,transform .15s ease,border-color .25s ease;box-shadow:0 0 4px rgba(0,0,0,.1)}.popup-inner ul li:hover{background-color:#f0f0f0;transform:translateY(-1px);border-color:#222;box-shadow:0 0 6px rgba(0,0,0,.2)}.popup-logo-container{margin-bottom:8px}.popup-payment-name span{font-size:14px;font-weight:500;color:#333;text-align:center;line-height:1.2}.popup-img{width:36px;height:36px;object-fit:contain;background-color:#f0f0f0;padding:2px;border-radius:6px}.popup-inner ul li span{font-size:14px;font-weight:500;color:#333;flex-grow:1;line-height:1.2}.popup-close{width:100%;padding:10px 0;margin-top:14px;background:#f1f1f1;border:none;border-radius:5px;font-size:14px;color:#555;cursor:pointer;transition:background .2s}.popup-close:hover{background:#e2e2e2}.live-icon{background-color:#fff;color:#fff;font-size:11px;font-weight:bold;padding:3px 8px 3px 6px;display:inline-flex;align-items:center;gap:4px;position:absolute;top:8px;right:10px;box-shadow:0 0 3px rgba(0,0,0,.1);z-index:1}.live-dot{width:8px;height:8px;background-color:red;border-radius:50%;display:inline-block}@keyframes fadeInUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:767px){.popup-dialog{width:90%;max-width:90%;padding:8px}.popup-inner{padding:14px 16px}.popup-inner ul{gap:8px}.popup-inner ul li{width:calc(50% - 4px);padding:8px 10px}.popup-img{width:22px;height:22px;margin-right:6px}.popup-inner ul li span{font-size:12px}.popup-close{font-size:12px;padding:7px 0}}@media(min-width:1024px){.popup-dialog{max-width:420px;padding:16px}.popup-inner{padding:22px 24px}.popup-inner ul{gap:14px}.popup-inner ul li{padding:12px 16px;width:calc(50% - 7px);height:98px}.popup-img{width:32px;height:32px;margin-right:12px}.popup-inner ul li span{font-size:15px}.popup-close{font-size:15px;padding:12px 0}}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:9998;display:none}.popup-overlay.active{display:block}