@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b1c;--panel:#10152e;--panel2:#151b3a;--line:#252d55;--text:#f4f6ff;--muted:#9ba6ca;--purple:#8b5cf6;--blue:#3b82f6;--cyan:#22d3ee;--green:#34d399;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 480px at 75% -10%,rgba(91,55,190,.22),transparent 65%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}a{color:#9ec5ff;text-decoration:none}a:hover{color:#c8d8ff}button,input{font:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px 18px}.auth-shell{width:min(100%,430px)}.brand{display:flex;align-items:center;gap:12px;width:max-content;margin:0 auto 28px;color:var(--text)}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:24px;color:white;background:linear-gradient(135deg,#a855f7,#4f46e5 55%,#06b6d4);box-shadow:0 8px 28px #6d28d944}.brand b{display:block;letter-spacing:1.4px;font-size:13px}.brand small{display:block;color:#a6b4dd;font-size:9px;letter-spacing:2.5px;margin-top:4px}.auth-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(20,26,58,.98),rgba(11,15,34,.98));padding:32px;box-shadow:0 24px 80px #0005}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#9f9cff}.auth-card h1{font-size:27px;letter-spacing:-.8px;margin:10px 0 8px}.muted,.auth-card>p{color:var(--muted);line-height:1.65}.auth-card form{margin-top:26px}label{display:block;font-size:12px;font-weight:600;color:#c8d0ec;margin:17px 0 8px}input{display:block;width:100%;border:1px solid #30395f;border-radius:11px;background:#090e25;color:white;padding:13px 14px;outline:none;transition:.2s}input:focus{border-color:#8b75ff;box-shadow:0 0 0 3px #8b5cf622}input::placeholder{color:#6f7ba4}.btn{border:1px solid transparent;border-radius:11px;padding:11px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:wait}.primary{background:linear-gradient(100deg,#9333ea,#6155e7 55%,#2589f5);color:white;box-shadow:0 8px 24px #5d4de733}.full{width:100%;margin-top:24px;padding:14px}.ghost{background:#171d3b;border-color:#2b345b;color:#e5eaff}.footnote{text-align:center;font-size:12px;margin:24px 0 0;color:var(--muted)}.notice{font-size:12px;line-height:1.5;margin-top:14px;color:var(--muted)}.notice:empty{display:none}.notice.error{color:#fca5a5}.notice.success{color:#6ee7b7}.copyright{text-align:center;color:#647096;font-size:11px;margin-top:24px}
.dashboard-page{min-height:100vh}.app-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #202747;background:#0b1025;padding:25px 15px;display:flex;flex-direction:column;min-height:100vh}.side-brand{margin:0 0 40px 5px}.side-brand .brand-mark{width:36px;height:36px;font-size:20px}.side-brand b{font-size:11px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#65729a;margin:0 12px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#aeb8d9;margin:2px 0}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#6d36d633,#385fe522);color:#fff}.nav-item.active{border:1px solid #5443a566}.sidebar-bottom{margin-top:auto;color:#8794b8;font-size:10px;padding:14px 10px;border-top:1px solid #202747}.online-dot{display:inline-block;width:7px;height:7px;background:#fbbf24;border-radius:50%;margin-right:7px}.main{padding:28px clamp(18px,3vw,42px);max-width:1600px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.topbar h2{margin:7px 0 0;font-size:24px;letter-spacing:-.6px}.profile{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);font-weight:800}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{color:var(--muted);font-size:10px;margin-top:4px}.welcome{display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;border:1px solid #343368;border-radius:var(--radius);padding:26px 30px;background:linear-gradient(110deg,#17153b,#111d48 65%,#142a56);margin-bottom:18px}.welcome h1{font-size:27px;margin:10px 0}.welcome p{color:#aeb9dc;margin:0;line-height:1.6;max-width:520px}.welcome-mark{font-size:100px;font-weight:800;line-height:1;color:#a8a3ff20;margin-right:25px;text-shadow:0 0 35px #6d5bff30}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#121832,#0e142b);padding:20px}.balance-card{background:linear-gradient(125deg,#211749,#15275a);border-color:#50418c}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#b6c1e3;font-size:12px}.stat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#8b5cf626;color:#b3a7ff;font-size:18px}.stat-value{font-size:30px;font-weight:800;letter-spacing:-1px;margin:18px 0 7px}.stat-value small{font-size:12px;font-weight:600;color:#aab8df;letter-spacing:0}.small-value{font-size:17px}.stat-card p{color:var(--muted);font-size:11px;margin:0 0 16px}.status-pill{color:#6ee7b7;background:#064e3b55;border:1px solid #04785766;padding:7px 10px;border-radius:99px;font-size:11px}.panel{margin-bottom:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel h3{font-size:14px;margin:0 0 6px}.panel-head p{color:var(--muted);font-size:11px;margin:0}.coming-tag{font-size:9px;letter-spacing:.8px;color:#b5a7ff;border:1px solid #6652ad;border-radius:7px;padding:7px 9px}.topup-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.amount-option{border:1px solid #303b67;background:#151d3c;color:#aeb9dc;border-radius:10px;padding:11px 14px}.small{font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty{text-align:center;padding:28px 10px;color:var(--muted)}.empty>span{font-size:27px;color:#7b83bb;display:block;margin-bottom:12px}.empty b{font-size:12px;color:#dce3ff}.empty p{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;min-width:320px}th{text-align:left;color:#8592b8;font-weight:600;background:#171e3b;padding:11px 10px}td{padding:12px 10px;border-bottom:1px solid #222b4a;color:#d3dcf7}td small{display:block;color:#7482a8;font-size:9px;margin-top:5px}.tag{font-size:9px;border:1px solid #37436b;border-radius:6px;padding:5px 7px;color:#bdc8ed}.footer{padding:18px 0 5px;color:#67749a;font-size:10px;display:flex;justify-content:space-between}.footer span{color:#8794b8}
@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{min-height:auto;padding:14px;position:static;border-right:0;border-bottom:1px solid #202747}.side-brand{margin:0 0 14px}.nav-label,.sidebar-bottom{display:none}.nav-item{display:inline-flex;margin:0 3px;padding:9px}.sidebar{display:block}.two-col{grid-template-columns:1fr}.main{padding:20px 14px}.stat-grid{grid-template-columns:1fr 1fr}.welcome-mark{font-size:70px;margin:0}.welcome{padding:22px}.topbar{align-items:flex-start}.profile{flex-wrap:wrap;justify-content:flex-end}.profile small{max-width:150px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:560px){.auth-card{padding:24px}.welcome-mark{display:none}.stat-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.profile{justify-content:flex-start}.nav-item{font-size:11px}.nav-item span{display:inline}.panel-head{flex-direction:column}.coming-tag{align-self:flex-start}}


/* Landing page */
.landing-page{background:radial-gradient(850px 450px at 76% 8%,rgba(89,64,190,.18),transparent 68%),#090b1b}
.landing-header{max-width:1220px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #202544}
.landing-brand{margin:0}.landing-nav{display:flex;gap:28px}.landing-nav a,.login-link{font-size:12px;color:#aab4d4}.landing-nav a:hover,.login-link:hover{color:#fff}.landing-actions{display:flex;align-items:center;gap:20px}.landing-actions .btn{font-size:11px;padding:11px 14px}
.landing-hero{max-width:1160px;margin:0 auto;padding:88px 28px 76px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px;min-height:510px}
.hero-kicker{display:flex;align-items:center;gap:9px;color:#a8a4ff;font-size:10px;font-weight:800;letter-spacing:1.8px}.kicker-dot{width:7px;height:7px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 12px #8b5cf6}
.hero-copy h1{font-size:clamp(38px,4.4vw,57px);line-height:1.12;letter-spacing:-2.6px;margin:23px 0 18px}.hero-copy h1 span,.section-heading h2 span,.how-copy h2 span{background:linear-gradient(100deg,#c4b5fd,#7c9cff 65%,#67e8f9);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{max-width:520px;font-size:14px;line-height:1.85;color:#a5b0d2}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-btn{padding:14px 19px;font-size:12px}.secondary{background:#111832;border-color:#30395f;color:#dbe4ff}.hero-note{margin-top:25px;color:#8794b8;font-size:10px;display:flex;align-items:center;gap:9px}.note-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#6ee7b7;background:#064e3b55}
.hero-visual{min-height:310px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:300px;height:260px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#2563eb);filter:blur(85px);opacity:.22}.visual-card{position:relative;z-index:1;width:min(100%,390px);padding:25px;border:1px solid #363d70;border-radius:20px;background:linear-gradient(145deg,#171b3b,#0e142b);box-shadow:0 30px 80px #0006;transform:rotate(-2deg)}.visual-top{display:flex;align-items:center;justify-content:space-between}.visual-brand{display:flex;align-items:center;gap:10px}.mini-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#a855f7,#4f46e5 60%,#06b6d4);font-weight:800;color:white}.visual-brand b,.visual-brand small{display:block}.visual-brand b{font-size:11px}.visual-brand small{font-size:9px;color:#8f9bc1;margin-top:4px}.visual-status{font-size:8px;letter-spacing:1px;color:#b8c4e9;border:1px solid #303b66;border-radius:7px;padding:6px 8px}.visual-status i,.info-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a78bfa;margin-right:5px}.visual-label{font-size:9px;letter-spacing:1.6px;color:#8f9bc1;margin-top:35px}.visual-balance{font-size:37px;font-weight:800;letter-spacing:4px;margin-top:9px}.visual-balance small{font-size:10px;letter-spacing:0;color:#9da9cf}.visual-line{height:5px;background:#252e55;border-radius:99px;margin-top:20px;overflow:hidden}.visual-line span{display:block;width:62%;height:100%;border-radius:99px;background:linear-gradient(90deg,#9333ea,#3b82f6)}.visual-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #252d4d;margin-top:24px;padding-top:18px}.visual-bottom small,.visual-bottom b{display:block}.visual-bottom small{font-size:8px;letter-spacing:1.3px;color:#8794b8}.visual-bottom b{font-size:10px;margin-top:7px;color:#dce4ff}.floating-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #303864;border-radius:13px;background:#111832eF;box-shadow:0 15px 40px #0005}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:10px}.floating-chip small{font-size:9px;color:#8f9bc1;margin-top:4px}.chip-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#7657e52a;color:#b7a7ff;font-size:17px}.chip-one{top:14px;right:-12px}.chip-two{bottom:18px;left:-18px}
.trust-strip{max-width:1104px;margin:0 auto;padding:21px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border:1px solid #222a4c;border-radius:15px;background:#0e1328}.trust-strip>div{display:flex;align-items:center;gap:12px;justify-content:center}.strip-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#7657e522;color:#a99aff;font-size:18px}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:11px}.trust-strip small{font-size:9px;color:#8592b8;margin-top:5px}
.landing-section{max-width:1104px;margin:0 auto;padding:100px 20px 85px}.section-heading{text-align:center;max-width:570px;margin:0 auto 36px}.section-heading h2,.how-copy h2{font-size:34px;line-height:1.25;letter-spacing:-1.2px;margin:14px 0}.section-heading>p,.how-copy>p{color:#98a5c9;font-size:12px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{position:relative;overflow:hidden;border:1px solid #252d50;border-radius:15px;padding:23px;background:linear-gradient(145deg,#121832,#0e1328)}.feature-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;font-size:19px;margin-bottom:22px}.purple-icon{color:#c4b5fd;background:#8b5cf626}.blue-icon{color:#93c5fd;background:#3b82f626}.cyan-icon{color:#67e8f9;background:#06b6d426}.feature-card h3{font-size:13px;margin:0 0 9px}.feature-card p{font-size:11px;line-height:1.8;color:#95a2c6;max-width:250px;margin:0}.feature-index{position:absolute;right:20px;top:22px;color:#3a456c;font-size:11px;font-weight:800}
.how-section{max-width:1104px;margin:0 auto;padding:35px 20px 95px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.how-copy h2{font-size:32px}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:700;margin-top:17px}.steps{border:1px solid #252d50;border-radius:16px;padding:8px 22px;background:#0e1328}.step{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #202847}.step:last-child{border-bottom:0}.step>span{font-size:10px;color:#a99aff;font-weight:800;letter-spacing:1px;padding-top:2px}.step b{font-size:12px}.step p{margin:7px 0 0;font-size:10px;color:#8f9bc1;line-height:1.7}
.info-section{max-width:1104px;margin:0 auto 80px;padding:25px 27px;display:grid;grid-template-columns:45px 1fr .8fr;gap:20px;align-items:center;border:1px solid #34325f;border-radius:16px;background:linear-gradient(105deg,#171535,#111a39)}.info-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);font-size:19px;font-weight:800}.info-copy h2{font-size:17px;margin:9px 0}.info-copy p,.info-side p{font-size:10px;line-height:1.8;color:#a0acd0;margin:0}.info-status{display:inline-block;margin-top:12px;font-size:9px;color:#c3caff}.info-status i{background:#a78bfa}.info-side{border-left:1px solid #33365d;padding-left:23px}.info-side b{display:block;font-size:11px;margin-bottom:8px}.landing-cta{max-width:1104px;margin:0 auto 65px;padding:28px 30px;border:1px solid #303564;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(105deg,#211744,#14244c)}.landing-cta h2{font-size:21px;letter-spacing:-.5px;margin:9px 0}.landing-cta p{font-size:11px;color:#a2afd2;margin:0}.landing-footer{max-width:1160px;margin:auto;border-top:1px solid #202544;padding:23px 28px 30px;display:flex;align-items:center;justify-content:space-between;color:#6f7da4;font-size:10px}.footer-brand{display:flex;align-items:center;gap:9px;color:#dbe4ff}.footer-brand .mini-mark{width:24px;height:24px;font-size:13px}.footer-brand b{font-size:11px}
@media(max-width:800px){.landing-header{padding:18px;flex-wrap:wrap}.landing-nav{order:3;width:100%;justify-content:center;gap:22px;padding-top:10px}.landing-hero{padding:58px 22px 50px;grid-template-columns:1fr;gap:30px}.hero-copy h1{font-size:42px}.hero-visual{min-height:290px}.trust-strip{margin:0 16px;grid-template-columns:1fr;padding:15px 20px}.trust-strip>div{justify-content:flex-start}.landing-section{padding:70px 18px}.feature-grid{grid-template-columns:1fr}.feature-card p{max-width:100%}.how-section{grid-template-columns:1fr;gap:30px;padding:15px 18px 70px}.info-section{margin:0 18px 55px;grid-template-columns:40px 1fr}.info-side{grid-column:2;border-left:0;border-top:1px solid #33365d;padding:16px 0 0}.landing-cta{margin:0 18px 50px;align-items:flex-start;flex-direction:column}.landing-footer{padding:20px 18px;gap:12px;flex-wrap:wrap}}
@media(max-width:480px){.landing-nav{gap:14px}.landing-nav a{font-size:10px}.landing-actions{gap:12px}.landing-actions .btn{padding:9px 11px}.hero-copy h1{font-size:36px;letter-spacing:-1.6px}.hero-description{font-size:12px}.visual-card{padding:20px}.chip-one{right:-3px}.chip-two{left:-4px}.landing-footer{font-size:9px}}