:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#020617}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#0b1120bf 0,#020617f2 55%),url(/wallivo_bg.png) center/cover no-repeat,#020617;color:#e5e7eb}#root{min-height:100vh}.appRoot{min-height:100vh;display:flex;flex-direction:column;padding:16px 24px 40px}.topBar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.topBarLeft{display:flex;align-items:center;gap:10px}.brandLink{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.logoBadge{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0%,#38bdf8,#0ea5e9 45%,#1d4ed8);color:#fff;font-weight:700;font-size:18px;letter-spacing:.06em}.brandName{font-weight:600;font-size:18px;letter-spacing:.04em}.topBarCenter{flex:1;display:flex;justify-content:center}.datetimeLabel{font-size:14px;color:#cbd5f5;opacity:.9}.topBarRight{display:flex;align-items:center;gap:8px}.navLinks{display:flex;align-items:center;gap:10px;margin-right:8px}.navLink{padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.25);color:#cbd5f5;text-decoration:none;font-size:13px;background:#0f172a80}.navLink:hover{border-color:#94a3b880}.btn{border-radius:999px;padding:8px 16px;font-size:14px;border:1px solid transparent;background:transparent;color:#e5e7eb;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn.primary{background:linear-gradient(to right,#22c55e,#16a34a);border-color:#16a34ae6;color:#ecfdf3;font-weight:600}.btn.primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.secondary{border-color:#94a3b880;background:#0f172ab3}.btn.ghost{border-color:#94a3b84d}.btn.link{border:none;padding-left:0;padding-right:0;color:#a5b4fc;text-decoration:underline;text-underline-offset:3px;background:transparent}.btn.disabled{border-color:#94a3b833;background:#0f172a4d;color:#6b7280;cursor:not-allowed}.btn.wide{width:100%}.mainLayout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:stretch;padding:40px 8px 24px;max-width:1120px;margin:0 auto}@media(max-width:900px){.mainLayout{grid-template-columns:minmax(0,1fr)}.topBar{flex-wrap:wrap;position:static;top:auto}.topBarCenter{order:3;justify-content:center;width:100%}}.heroText h1{font-size:clamp(32px,4vw,40px);line-height:1.1;margin:0 0 16px;color:#f9fafb}.heroLead{color:#cbd5f5;margin:0 0 20px;max-width:480px}.heroList{list-style:none;padding:0;margin:0 0 24px}.heroList li{display:flex;align-items:center;gap:8px;font-size:14px;color:#e5e7eb;margin-bottom:6px}.heroList li:before{content:"";width:6px;height:6px;border-radius:999px;background:#22c55e}.heroActions{display:flex;flex-wrap:wrap;gap:12px}.heroPanel{display:flex;justify-content:center;align-items:center}.mainLayout.singleColumn{grid-template-columns:minmax(0,1fr)}.loginPanel{position:fixed;top:68px;right:16px;z-index:20;width:min(360px,92vw);padding:14px 14px 12px;border-radius:16px;background:#0f172af2;border:1px solid rgba(148,163,184,.5);box-shadow:0 12px 30px #0f172aa6,0 0 0 1px #94a3b81f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loginRow{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.loginOtpRow{display:flex;align-items:center;gap:8px}.loginOtpRow .input{flex:1}.walletCard{width:100%;max-width:520px;padding:22px 20px 20px;border-radius:24px;background:radial-gradient(circle at top left,#0f172a,#020617 60%);border:1px solid rgba(148,163,184,.6);box-shadow:0 18px 45px #0f172ab3,0 0 0 1px #94a3b826}.walletCardHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.walletLabel{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.walletTitle{margin:4px 0 0;font-size:18px;color:#e5e7eb}.walletCurrencyTag{padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.7);font-size:12px;color:#cbd5f5;background:#0f172acc;cursor:pointer}.walletBalance{margin-bottom:14px}.walletBalanceValue{display:block;font-size:30px;font-weight:700;letter-spacing:.03em;color:#f9fafb}.walletBalanceSub{font-size:12px;color:#9ca3af}.walletMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;margin-bottom:16px;border-radius:16px;background:#0f172acc}.walletMeta>div{display:flex;flex-direction:column;gap:2px}.metaLabel{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#9ca3af}.metaValue{font-size:13px;color:#e5e7eb}.walletForm{margin:2cm 0 14px}.fieldLabel{font-size:13px;display:block;margin-bottom:6px;color:#cbd5f5}.fieldRow{display:flex;align-items:stretch;border-radius:999px;overflow:hidden;background:#020617;border:1px solid rgba(148,163,184,.6);margin-bottom:12px}.input{flex:1;padding:8px 12px;border:none;background:transparent;color:#e5e7eb;font-size:14px;outline:none}.input::placeholder{color:#6b7280}.fieldSuffix{padding:0 12px;font-size:13px;border-left:1px solid rgba(148,163,184,.5);display:flex;align-items:center;color:#cbd5f5;background:#0f172af2}.formButtons{display:flex;flex-wrap:wrap;gap:8px}.formButtons .btn{flex:1 1 auto;min-width:0}.disclaimer{margin:6px 0 0;font-size:11px;color:#9ca3af}.savedBox{margin:14px 0 40px;padding:12px;border-radius:16px;background:#0f172acc;border:1px solid rgba(148,163,184,.5)}.savedActions{display:flex;gap:10px;margin:-4px 0 18px}.savedActions .btn{flex:1 1 0}.savedHeader{display:flex;justify-content:space-between;align-items:center;color:#e5e7eb;font-size:13px;margin-bottom:8px}.savedTimestamp{font-size:12px;color:#9ca3af}.savedGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.statusMessage{margin:10px 0 0;font-size:12px;color:#cbd5f5}.statusMessage.error{color:#fca5a5}.statementCard{max-width:720px}.statementHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.statementMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;border-radius:16px;background:#0f172acc;margin-bottom:14px}.statementActions{display:flex;justify-content:flex-end}.statementTable{display:grid;gap:8px}.statementMetaBox{width:100%;padding:12px;border-radius:16px;background:#0f172acc;border:1px solid rgba(148,163,184,.45)}.statementTableHead,.statementTableBody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.statementTableHead span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.statementTableBody .metaValue{font-size:14px;color:#e5e7eb;word-break:break-word}.payoutMethods{display:flex;flex-direction:column;gap:10px;margin:4px 0 12px}.payoutMethod{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#0f172acc;border:1px solid rgba(148,163,184,.4)}.payoutIcon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0ea5e9,#22c55e);color:#f8fafc;font-weight:700;font-size:14px;letter-spacing:.04em}.payoutMeta{display:flex;flex-direction:column;gap:2px}.payoutIconImg{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;padding:6px;border:1px solid rgba(148,163,184,.4)}.payoutLabel{color:#e5e7eb;font-weight:600}.payoutDesc{color:#9ca3af;font-size:13px}.infoStrip{max-width:1120px;margin:8px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 8px 0}@media(max-width:900px){.infoStrip{grid-template-columns:minmax(0,1fr)}}.infoCard{border-radius:20px;padding:14px 16px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4)}.infoCard h3{margin:0 0 6px;font-size:15px;color:#e5e7eb}.infoCard p{margin:0;font-size:13px;color:#cbd5f5}