@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#f4f6fc;--sub:#a1aec7;--line:#2c3851;--panel:#151e30;--bg:#0b1120;--accent:#7c77fb;--blue:#a49fff;--green:#30d5a0;--shadow:0 16px 80px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 'Inter',ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}body:before{content:"";position:fixed;left:-250px;top:20vh;width:600px;height:600px;background:radial-gradient(circle,rgba(105,94,237,.095),transparent 70%);z-index:-1}a{color:var(--blue);text-decoration:none}a:hover{color:white}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.04em}h1{font-size:clamp(34px,5.5vw,64px);margin-bottom:20px}h2{font-size:24px;margin-bottom:22px}h3{font-size:18px}b,strong{font-weight:700}.muted{color:var(--sub)}.fine{font-size:12px;color:var(--sub);line-height:1.7}.center{text-align:center}.monotext{font-family:ui-monospace,monospace;letter-spacing:.03em}.main{max-width:1200px;margin:auto;padding:44px 24px 100px;min-height:calc(100vh - 150px)}.nav{max-width:1280px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #1e2a41}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.045em;color:white}.accent,.section-heading span{color:#afaaff}.brand-icon{display:inline-flex;width:37px;height:37px;align-items:center;justify-content:center;color:#e1ddff;border:1px solid #776ffa;background:linear-gradient(135deg,#5655c8,#30336d);font-size:25px;border-radius:12px}.nav nav{display:flex;align-items:center;gap:26px}.nav nav>a,.nav-link{color:#c2cce1;font-weight:600;font-size:13px}.nav nav>a:hover,.nav-link:hover{color:white}.nav .btn{color:white}.nav-link{background:none;border:0;padding:0}.inline{display:inline;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:11px;background:linear-gradient(125deg,#7874f9,#625de7);border:1px solid #8a85ff;color:white;box-shadow:0 12px 30px rgba(105,98,233,.16);font-weight:750;white-space:nowrap;transition:transform .15s,filter .15s}.btn:hover{color:#fff;filter:brightness(1.12);transform:translateY(-1px)}.btn-sm{padding:9px 14px;border-radius:8px}.btn-outline{background:#1c2538;border:1px solid #41506b;box-shadow:none}.full{width:100%}.notice{padding:14px 18px;border-radius:12px;margin-bottom:26px}.notice.ok{color:#a2ffe1;border:1px solid #276750;background:#112c29}.notice.bad{color:#ffd6df;border:1px solid #71354a;background:#311925}.eyebrow,.smalltag{font-size:11px;letter-spacing:.16em;color:#a6a5ff;font-weight:800}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:62px;align-items:center;padding:76px 20px 122px}.hero h1{font-size:clamp(42px,5vw,66px);letter-spacing:-.065em}.hero h1 em{font-style:normal;background:linear-gradient(80deg,#a5a1ff,#69c9f3);color:transparent;background-clip:text}.hero p{color:var(--sub);max-width:560px;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:28px;flex-wrap:wrap}.hero-stat{display:flex;gap:38px;margin-top:60px;flex-wrap:wrap}.hero-stat>div{display:flex;flex-direction:column}.hero-stat b{font-size:23px;letter-spacing:-.05em}.hero-stat span{font-size:12px;color:#8e9ab4}.hero-visual{max-width:400px;justify-self:end;width:100%;position:relative;border:1px solid #3a4565;border-radius:23px;padding:0 24px 25px;background:linear-gradient(180deg,#1d2944,#151d30);box-shadow:0 30px 90px rgba(0,0,0,.4);transform:rotate(2deg)}.mock-cover{height:138px;margin:0 -24px;border-radius:22px 22px 0 0;background:linear-gradient(125deg,#5460c2,#2c7a98,#2c335c);position:relative;overflow:hidden}.mock-orb{position:absolute;right:-30px;top:-90px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#a39dff5b,transparent 70%)}.mock-avatar{position:relative;margin-top:-36px;border:5px solid #1d2944;border-radius:50%;width:76px;height:76px;background:linear-gradient(135deg,#a19bff,#5966ab);display:grid;place-items:center;font-size:24px;font-weight:800}.mock-name{display:block;font-size:20px;letter-spacing:-.03em}.check{display:inline-grid;place-items:center;font-size:11px;vertical-align:middle;border-radius:50%;background:#4d90fb;color:#fff;width:19px;height:19px}.mock-visual p,.hero-visual p{font-size:12px;margin:6px 0 15px}.mock-banks{display:grid;gap:9px}.mock-banks>div{background:#24334d;border:1px solid #37445e;padding:12px;display:flex;align-items:center;gap:12px;border-radius:12px;font-size:13px;font-weight:700}.mock-banks>div>span:last-child{margin-left:auto;font-size:28px;color:#a9b7d3}.mock-banks small{font-size:11px;color:#91a1bd}.bank-dot{display:grid;place-items:center;font-weight:800;width:32px;height:32px;background:#485ed0;border-radius:9px}.bank-dot.teal{background:#087e73}.section-heading{margin-bottom:28px;font-size:31px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border:1px solid #293951;background:#121b2c;border-radius:19px;padding:27px}.feature i{font-style:normal;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#29295b;color:#aaaaff;font-size:25px;margin-bottom:28px}.feature p{color:var(--sub);font-size:13px;line-height:1.8}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:auto;max-width:1240px;padding:25px 22px;border-top:1px solid #1e2a41;font-size:12px;color:#8b9bb8}.footer .brand-icon{width:27px;height:27px;border-radius:8px;font-size:17px;vertical-align:middle;margin-right:7px}.auth-shell{max-width:495px;margin:15px auto 80px}.auth-top{text-align:center;padding:34px 5px 14px}.auth-top h1{font-size:38px;margin:10px 0}.auth-top p{color:var(--sub);font-size:14px;line-height:1.8}.panel{border:1px solid #2d3952;background:#151e30;border-radius:18px;padding:26px;box-shadow:0 5px 45px rgba(0,0,0,.11)}.form{display:grid;gap:16px}.form label,.panel>label{display:grid;gap:7px;font-size:12px;color:#b8c4dc;font-weight:650}.form input,.form textarea,.form select,.panel>label>input{width:100%;border-radius:9px;border:1px solid #34435e;outline:none;background:#0d1627;color:#fff;padding:12px 13px;min-height:43px}.form input:focus,.form textarea:focus,.form select:focus,.panel>label>input:focus{border-color:#8985f8;box-shadow:0 0 0 3px rgba(123,118,250,.13)}input[type=file]{padding:9px!important;font-size:12px}input[type=file]::file-selector-button{background:#30395b;color:white;border:0;padding:6px 9px;border-radius:6px;margin-right:10px}.form textarea{resize:vertical}.form .center{font-size:13px;margin:0}.page-title{text-align:center;padding:22px 0 48px}.page-title h1{font-size:39px;margin:12px 0 9px}.page-title p{color:var(--sub);margin:0 auto 19px;max-width:590px}.page-title .btn{margin-top:10px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-head h2{margin:0}.pill{font-size:11px;padding:6px 10px;border-radius:100px;background:#313a54;color:#dae0f4;white-space:nowrap}.pill.amber{color:#f9d293;background:#4a3825}.pill.green{color:#8af4c9;background:#17483e}.price{font-size:43px;font-weight:800;letter-spacing:-.05em;color:#d4d0ff}.pay-card .form{margin:20px 0}.pay-detail{display:grid;gap:0;margin-top:28px;border-top:1px solid var(--line)}.pay-detail>div{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #2b3650}.pay-detail span{color:var(--sub);font-size:12px}.pay-detail strong{text-align:right;font-size:13px;overflow-wrap:anywhere}.copy,.danger-link{border:0;background:#303962;border-radius:7px;color:#d4d3ff;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.danger-link{color:#ffadb7;background:#482c41}.copy:hover{filter:brightness(1.25)}.qr-tag{font-size:12px;font-weight:800;color:#a8f0d4}.qr-card{text-align:center}.qr-card .panel-head{text-align:left}.qr-image{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;margin:20px auto;overflow:hidden;max-width:318px;min-height:280px}.qr-image img{width:100%;display:block}.qr-placeholder{border:3px dashed #57658a;margin:30px auto;width:190px;height:190px;display:grid;place-items:center;border-radius:20px;font-size:100px;color:#6f75d4}.processing{display:flex;justify-content:center;align-items:center;gap:10px;background:#252d49;border:1px solid #3f486d;padding:12px;border-radius:10px;color:#d5d8ff;font-size:12px}.loader{width:14px;height:14px;border:2px solid #6d7399;border-right-color:#b8b3ff;display:inline-block;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:28px;text-align:center;color:#b4c2dc;background:#101b2c;border-radius:10px;margin-top:14px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:start;gap:20px}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:13px}.hint{font-size:11px;color:#8496b6}.hint .monotext{color:#b5afff}.side-stack{display:grid;gap:20px}.saved-bank{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:14px 0;border-bottom:1px solid var(--line)}.saved-bank b{display:block;font-size:13px}.saved-bank small{display:block;color:var(--sub);overflow-wrap:anywhere}.profile-wrap{max-width:940px;margin:0 auto;overflow:hidden;border:1px solid #2d3c57;background:#141e31;border-radius:22px;box-shadow:var(--shadow)}.profile-cover{height:250px;background:linear-gradient(120deg,#424aab,#187a93 66%,#4a448f);background-size:cover;background-position:center}.profile-body{padding:0 36px 45px}.identity{display:flex;align-items:flex-end;gap:22px;margin-top:-51px}.portrait{width:115px;height:115px;flex:0 0 115px;display:grid;place-items:center;background:linear-gradient(125deg,#6876dd,#805bd4);border:6px solid #141e31;border-radius:26px;font-size:47px;font-weight:800;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.identity h1{font-size:29px;margin:0 0 9px}.identity p{font-size:13px;color:#aabbd4;margin:0;white-space:pre-line}.contact-row{display:flex;flex-wrap:wrap;gap:15px;margin:28px 0;padding:18px 0;border-bottom:1px solid #2c3b52;font-size:12px;color:#bdc9dd}.profile-section{padding-top:8px}.heading-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 24px}.heading-line h2{margin:0}.banks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bank-card{background:#1c293f;border:1px solid #36465f;border-radius:15px;padding:19px;display:flex;flex-direction:column}.bank-header{display:flex;align-items:center;gap:12px}.bank-logo{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:#373c8f;font-size:22px;font-weight:900}.bank-header h3{font-size:15px;margin:0 0 3px}.bank-header small{color:#91a4bc}.bank-qr{align-self:center;width:225px;max-width:100%;margin:20px auto;padding:8px;background:white;border-radius:12px;overflow:hidden}.bank-qr img{display:block;width:100%;height:auto}.tinylabel{font-size:10px;font-weight:700;color:#7f96b6;letter-spacing:.1em;margin:6px 0 3px}.bank-number{display:flex;gap:12px;align-items:center;justify-content:space-between}.bank-number strong{word-break:break-all}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metrics>div{padding:23px;background:#151e30;border:1px solid #2d3952;border-radius:15px;display:flex;flex-direction:column}.metrics b{font-size:32px}.metrics span{font-size:12px;color:var(--sub)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.admin-grid .panel>h2{margin-bottom:25px}.admin-grid hr{border:0;border-top:1px solid var(--line);margin:30px 0}.admin-grid .panel>label{margin:15px 0}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}td,th{border-bottom:1px solid #303e57;padding:14px 11px;white-space:nowrap}td{color:#c5d1e3}th{color:#899dbb;font-weight:700}code{color:#c2baff}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:35px;gap:55px}.hero-visual{justify-self:center}.checkout-grid,.dashboard-grid,.admin-grid{grid-template-columns:1fr}.nav nav{gap:12px}.nav nav>a:first-child{display:none}.main{padding-top:25px}.banks-grid{gap:12px}.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:570px){.nav{padding:14px 16px}.nav nav{gap:12px}.nav nav>a:not(.btn){display:none}.main{padding:20px 14px 60px}.hero{padding:30px 2px 55px}.hero h1{font-size:40px}.hero-stat{margin-top:40px;gap:23px}.feature-grid,.banks-grid,.metrics{grid-template-columns:1fr}.form-cols{grid-template-columns:1fr}.panel{padding:20px}.profile-body{padding:0 18px 25px}.profile-cover{height:170px}.identity{display:block;margin-top:-40px}.portrait{margin-bottom:12px;width:94px;height:94px;flex-basis:94px;border-width:4px}.identity h1{font-size:25px}.bank-qr{width:210px}.footer{padding:22px 14px;display:block}.footer>span{display:block;margin-top:8px}.page-title h1{font-size:32px}.price{font-size:35px}.hero-visual{transform:none}.nav .brand{font-size:18px}}
/* Wallet and transaction activity */
.wallet-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:0 0 24px}
.wallet-total{display:flex;flex-direction:column;gap:11px;padding:28px;border:1px solid #364766;border-radius:18px;background:linear-gradient(130deg,#1b2a48,#131d30)}
.wallet-total:first-child{background:linear-gradient(120deg,#26365f,#22204e)}
.wallet-total>span{font-size:12px;letter-spacing:.12em;font-weight:700;color:#b9c7e1}
.wallet-total strong{font-size:clamp(25px,3.3vw,42px);line-height:1.15;font-weight:800;word-break:break-word}
.wallet-total small,.wallet-total a{font-size:12px;color:#c2cdec}
.wallet-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0;border:1px solid #34455f;border-radius:12px;padding:15px;background:#1a2840}
.wallet-banner>div{display:flex;flex-direction:column;gap:5px}.wallet-banner>div span{font-size:11px;color:#9cb1d2}.wallet-banner strong{font-size:23px}
.wallet-mini{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}
.deposit-amounts{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:-5px 0 8px;font-size:12px}
.deposit-amounts button{background:#263957;border:1px solid #425577;border-radius:8px;color:#dbe5ff;padding:8px 11px;cursor:pointer;font:inherit}
.deposit-amounts button:hover{border-color:#a0a6ff}.green-text{color:#63dfa2}.red-text{color:#ff9f9b}
.table-panel hr{border:0;border-top:1px solid #2f405e;margin:25px 0}
@media(max-width:700px){.wallet-overview{grid-template-columns:1fr}.wallet-banner{flex-direction:column;align-items:stretch}.wallet-banner .btn{text-align:center}}

/* Google reCAPTCHA v2 account verification */
.captcha-wrap{max-width:100%;overflow-x:auto;padding:10px 0 2px;}
.captcha-wrap .g-recaptcha{min-height:78px;}
.captcha-wrap .fine{margin:3px 0 0;}
.captcha-status{margin:12px 0 16px;}
.form label.captcha-disable{display:flex;align-items:center;gap:10px;line-height:1.5;cursor:pointer;}
.form label.captcha-disable input{width:auto;min-width:17px;height:17px;margin:0;flex:none;}
