:root{--portal-navy:#0a0d24;--portal-violet:#7152e8;--portal-green:#199b64;--portal-red:#d94561;--portal-ink:#171b31;--portal-muted:#70788f;--portal-line:#e1e4ed;--portal-soft:#f4f5fb}
.portal-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 52px}
.portal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.portal-heading h1{margin:4px 0 0;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.05em}.portal-heading p{margin:8px 0 0;color:var(--portal-muted);line-height:1.55}.portal-kicker{color:#6a4fd7!important;font-size:.72rem!important;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.preview-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e0d9ff;border-radius:999px;background:#f5f2ff;color:#5d43c5;font-size:.72rem;font-weight:900;white-space:nowrap}.preview-pill i{width:7px;height:7px;border-radius:50%;background:#7356e8}
.payment-board{overflow:hidden;border:1px solid #dfe2ec;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(31,37,70,.12)}.payment-titlebar{padding:22px 25px 0;background:linear-gradient(90deg,#fff,#faf8ff)}.payment-titlebar h2{margin:0;font-size:1.35rem}.payment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.payment-tab{position:relative;padding:14px;border:0;border-bottom:2px solid #c9cedb;background:transparent;color:#71788c;font:inherit;font-size:.92rem;font-weight:850;cursor:pointer}.payment-tab.active{border-color:#7253e7;color:#171b31}.payment-tab span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-right:7px;border-radius:8px;background:#eff0f5;color:#646c81;font-size:.72rem}.payment-tab.active span{background:#eee9ff;color:#674bd8}
.payment-panel{padding:24px;background:#f8f9fd}.payment-mode{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.mode-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dfe2eb;border-radius:13px;background:#fff;color:#5f667a;font-weight:800}.mode-card.active{border-color:#22283f;color:#171b31;box-shadow:0 6px 18px rgba(31,37,67,.06)}.mode-icon{width:35px;height:35px;border-radius:10px;background:#eeeaff;color:#6749d4;display:grid;place-items:center;font-weight:900}.payment-methods{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0 0 22px}.method-card{min-height:96px;border:1px solid #e0e3ec;border-radius:13px;background:#fff;padding:10px 8px;color:#40475d;text-align:center;cursor:pointer;transition:.18s}.method-card:hover,.method-card.active{border-color:#7659e9;background:#f7f4ff;box-shadow:0 8px 20px rgba(66,50,135,.08)}.method-logo{width:70px;height:35px;margin:0 auto 8px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:3px;background:#edeaff;color:#6448d3;font-size:.72rem;font-weight:950;font-style:normal}.method-logo i{font-style:normal}.method-logo.card{background:#f3f5ff;color:#183b9e}.method-logo.card i:last-child{color:#f04b24;letter-spacing:-5px;margin-left:1px}.method-logo.bkash{background:#ffeaf3;color:#db1764}.method-logo.bkash i{font-size:1rem}.method-logo.nagad{background:#fff0e7;color:#e55218;font-size:.95rem}.method-logo.upi{background:#f1f8f2;color:#1d6535}.method-logo.upi i{color:#ef7722}.method-logo.paytm{background:#effaff;color:#112d57}.method-logo.paytm i{color:#18a8e0}.method-logo.phonepe{background:#f2edff;color:#5f259f;flex-direction:column;gap:0}.method-logo.phonepe b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#5f259f;color:#fff;font-size:.65rem}.method-logo.phonepe i{font-size:.55rem}.method-logo.gpay{background:#f7f8fb;color:#3c4043}.method-logo.gpay b{font-size:1rem;color:#4285f4}.method-logo.rupay{background:#f2f7ff;color:#1d4e91}.method-logo.rupay i{color:#eb6a22;font-size:1.1rem}.method-logo.bank{background:#eaf4ff;color:#2865b7}.method-logo.bank b{font-size:1rem}.method-logo.bank i{font-size:.55rem}.method-logo.crypto{background:#fff5d9;color:#a66a00;font-size:1.2rem}.method-card strong{display:block;font-size:.74rem}.payment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.payment-section{padding:21px;border:1px solid #e1e4ed;border-radius:15px;background:#fff}.payment-section h3{margin:0 0 5px;font-size:1.08rem}.payment-section>p{margin:0 0 18px;color:#777f94;font-size:.78rem;line-height:1.5}.payment-field{margin-bottom:15px}.payment-field label{display:block;margin-bottom:7px;color:#4d5469;font-size:.75rem;font-weight:850}.payment-field input,.payment-field select{width:100%;height:49px;border:1px solid #cfd4df;border-radius:9px;background:#fff;padding:10px 13px;font:inherit;color:#1d2239;outline:none}.payment-field input:focus,.payment-field select:focus{border-color:#7557e7;box-shadow:0 0 0 4px rgba(117,87,231,.11)}.amount-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-4px 0 17px}.amount-slot{border:1px solid #dfe2ea;border-radius:999px;background:#f8f9fc;padding:9px;color:#42495e;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.amount-slot.active,.amount-slot:hover{border-color:#7355e5;background:#eeeaff;color:#5d42cb}.method-instructions{min-height:126px;padding:15px;border-radius:12px;background:#f5f6fb;border:1px solid #e3e5ed}.method-instructions strong{display:block;margin-bottom:6px;font-size:.84rem}.method-instructions p{margin:0;color:#6e768c;font-size:.76rem;line-height:1.55}.payment-action{width:100%;height:50px;margin-top:15px;border:0;border-radius:10px;background:#1c9b64;color:#fff;font:inherit;font-weight:900;cursor:pointer}.payment-action:hover{background:#147c50}.payment-action.withdraw{background:#11152b}.payment-action.withdraw:hover{background:#6146ce}.payment-notice{display:none;margin-top:13px;padding:11px;border-radius:9px;font-size:.76rem;line-height:1.45}.payment-notice.show{display:block}.payment-notice.success{background:#ebfaf4;border:1px solid #bfe9d7;color:#156846}.payment-notice.error{background:#fff0f2;border:1px solid #f0c4cc;color:#962a3e}.payment-safety{display:flex;gap:10px;margin-top:18px;padding:13px 15px;border:1px solid #e0e3ec;border-radius:12px;background:#fff}.payment-safety b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#ede9ff;color:#6347d3;flex:0 0 auto}.payment-safety p{margin:0;color:#687087;font-size:.74rem;line-height:1.55}.payment-safety strong{color:#30364c}.history-wrap{overflow:auto;border:1px solid #e1e4ed;border-radius:13px;background:#fff}.history-table{width:100%;border-collapse:collapse;min-width:650px}.history-table th,.history-table td{padding:13px 15px;border-bottom:1px solid #eceef3;text-align:left;font-size:.78rem}.history-table th{background:#f5f6fa;color:#656d82;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.history-table td{color:#30364c}.history-empty{padding:60px 24px;text-align:center;color:#777f93}.history-empty b{display:block;margin-bottom:7px;color:#30364c}.status-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff2d9;color:#916008;font-size:.67rem;font-weight:900}.status-chip.preview{background:#eeeaff;color:#5e43c8}
.info-page{background:radial-gradient(circle at 80% 5%,rgba(113,82,232,.12),transparent 28%),#f5f6fb}.info-hero{padding:48px clamp(24px,6vw,74px);border-radius:22px;background:linear-gradient(135deg,#090d25,#181747 58%,#2c1c65);color:#fff;box-shadow:0 22px 60px rgba(21,24,56,.18)}.info-hero .portal-kicker{color:#b8a9ff!important}.info-hero h1{max-width:720px;margin:8px 0 12px;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em}.info-hero p{max-width:700px;margin:0;color:#cbd1e7;line-height:1.65}.info-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.info-card{padding:25px;border:1px solid #e0e3ec;border-radius:17px;background:#fff;box-shadow:0 12px 35px rgba(31,37,70,.06)}.info-card h2,.info-card h3{margin:0 0 9px;letter-spacing:-.025em}.info-card h2{font-size:1.5rem}.info-card p{margin:0;color:#697187;line-height:1.65;font-size:.88rem}.feature-list{display:grid;gap:11px;margin-top:18px}.feature-item{display:flex;gap:11px;padding:13px;border-radius:11px;background:#f7f8fc}.feature-item b{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#ebe7ff;color:#684bd6;flex:0 0 auto}.feature-item strong,.feature-item span{display:block}.feature-item strong{font-size:.84rem}.feature-item span{margin-top:3px;color:#757d91;font-size:.75rem;line-height:1.45}.company-details{display:grid;gap:0;margin-top:8px}.company-row{display:grid;grid-template-columns:115px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #e9ebf1;font-size:.8rem}.company-row span{color:#798195}.company-row strong{overflow-wrap:anywhere}.company-row a{color:#6044ca;text-decoration:none}.risk-card{margin-top:18px;border-left:4px solid #7557e7}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.contact-card{padding:22px;border:1px solid #e0e3ec;border-radius:16px;background:#fff;text-decoration:none;color:#1b2036;box-shadow:0 12px 35px rgba(31,37,70,.06);transition:.2s}.contact-card:hover{transform:translateY(-3px);border-color:#7a5dec}.contact-icon{width:44px;height:44px;margin-bottom:18px;border-radius:13px;background:#ebe7ff;color:#674ad7;display:grid;place-items:center;font-size:1.1rem;font-weight:900}.contact-card strong,.contact-card span{display:block}.contact-card strong{font-size:1rem}.contact-card span{margin-top:6px;color:#6f778c;font-size:.8rem;line-height:1.45}.help-strip{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:18px;padding:21px 24px;border-radius:16px;background:#0b102a;color:#fff}.help-strip h2{margin:0 0 5px;font-size:1.15rem}.help-strip p{margin:0;color:#bfc6df;font-size:.8rem}.help-strip a{padding:10px 15px;border-radius:999px;background:#fff;color:#11152e;text-decoration:none;font-size:.78rem;font-weight:900;white-space:nowrap}.portal-footer{display:grid;grid-template-columns:1fr auto;gap:24px;margin-top:24px;padding:22px 2px;border-top:1px solid #dfe2eb;color:#70788c;font-size:.75rem;line-height:1.55}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#5640b7;text-decoration:none;font-weight:800}
@media(max-width:850px){.payment-form-grid,.info-grid{grid-template-columns:1fr}.payment-methods{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr}.portal-heading{align-items:flex-start;flex-direction:column}.portal-footer{grid-template-columns:1fr}.help-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.portal-main{width:min(100% - 18px,1180px);padding-top:20px}.payment-titlebar{padding:18px 13px 0}.payment-tab{padding:11px 4px;font-size:.75rem}.payment-tab span{display:none}.payment-panel{padding:12px}.payment-mode{grid-template-columns:1fr}.payment-methods{grid-template-columns:repeat(2,1fr)}.payment-form-grid{gap:12px}.payment-section{padding:16px}.amount-slots{grid-template-columns:1fr}.info-hero{padding:34px 22px}.info-card{padding:20px}.company-row{grid-template-columns:1fr;gap:4px}.preview-pill{white-space:normal}}
