*,:before,:after{box-sizing:border-box}html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%;margin:0;padding:0}body{color:#e6eefc;background:radial-gradient(1200px 600px at 50% -10%,#0f172a 0%,#0b1220 40%,#080d18 100%);font-family:ui-sans-serif,system-ui,-apple-system,SF Pro Text,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;overflow-x:hidden}*{scrollbar-color:#3976f5 transparent;scrollbar-width:thin}a{color:inherit;text-decoration:none}button{font:inherit}.on-hero{background:radial-gradient(circle at 0 0,#1b2648 0,#05081a 55%);border:1px solid #ffffff14;border-radius:24px;grid-template-columns:minmax(0,2.2fr) minmax(260px,.9fr);gap:32px;margin-bottom:24px;padding:28px 28px 30px;display:grid;box-shadow:0 24px 72px #000000bf}.on-hero__content{max-width:560px}.on-hero__title{letter-spacing:.02em;margin:0 0 14px;font-size:clamp(30px,3.3vw,40px);font-weight:700;line-height:1.1}.on-hero__subtitle{color:#eff4ffcc;margin:0 0 22px;font-size:15px;line-height:1.6}.on-hero__actions{flex-wrap:wrap;gap:10px;display:flex}.card{background:radial-gradient(circle at top,#10182e 0,#050816 60%);border:1px solid #94a3b873;border-radius:18px;padding:18px 20px}.on-hero__balance{text-align:right;flex-direction:column;justify-content:space-between;display:flex}.card__label{letter-spacing:.16em;text-transform:uppercase;color:#94a3b8e6;font-size:12px}.card__value{margin-top:8px;font-size:32px;font-weight:700}.on-btn{cursor:pointer;color:#e5ecff;background:0 0;border:1px solid #0000;border-radius:999px;padding:11px 22px;font-size:14px;line-height:1.2;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s,color .12s}.on-btn--primary{color:#f9fbff;background:#2563eb;border-color:#3b82f6;box-shadow:0 14px 35px #2563eb99}.on-btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #2563ebbf}.on-btn--ghost{background:#0a1330cc;border-color:#94a3b899}.on-btn--ghost:hover{background:#162048f2}.on-btn--full{width:100%;margin-top:18px}.on-section__title{letter-spacing:.18em;text-transform:uppercase;color:#94a3b8f2;margin-bottom:14px;font-size:14px}.on-grid{gap:18px;display:grid}.on-grid--overview{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{background:radial-gradient(circle at 0 0,#0f172a 0,#020617 60%);border:1px solid #1e293be6;border-radius:18px;padding:16px 14px 14px}.metric__label{letter-spacing:.16em;text-transform:uppercase;color:#94a3b8e6;font-size:12px}.metric__value{margin-top:8px;font-size:26px;font-weight:600}.on-grid--bottom{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:flex-start;gap:22px;margin-top:18px}.on-card{background:radial-gradient(circle at 0 0,#0f172a 0,#020617 65%);border:1px solid #1e293bf2;border-radius:20px;padding:20px 20px 22px;box-shadow:0 20px 50px #000000b3}.on-card__text{color:#cbd5e1e6;margin:0 0 16px;font-size:14px;line-height:1.6}.on-form{flex-direction:column;gap:10px;display:flex}.on-field{flex-direction:column;gap:3px;display:flex}.on-field__label{color:#94a3b8f2;font-size:13px}.on-field__input{color:#e5e7eb;background:#0f172af2;border:1px solid #334155d9;border-radius:10px;padding:8px 10px;font-size:14px}.on-field__input::placeholder{color:#94a3b8a6}.on-wallet-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.on-wallet-row{border-bottom:1px solid #1e293be6;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.on-wallet-row:last-child{border-bottom:none}.on-wallet-row__left{align-items:center;gap:10px;display:flex}.on-wallet-row__name{font-size:14px}.on-wallet-row__value{font-variant-numeric:tabular-nums;color:#e2e8f0f7;font-size:14px}.on-token-icon{color:#e5ecff;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:inline-flex}.on-token-icon--on{background:radial-gradient(circle at 0 0,#4f46e5,#1d4ed8)}.on-token-icon--sol{background:radial-gradient(circle at 0 0,#22c55e,#16a34a)}.on-token-icon--usdc{background:radial-gradient(circle at 0 0,#0ea5e9,#0284c7)}@media (max-width:1024px){.on-dashboard{margin-top:24px;padding:0 16px}.on-hero{grid-template-columns:minmax(0,1fr)}.on-hero__balance{text-align:left}.on-grid--overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.on-dashboard{margin:20px auto 40px}.on-hero{gap:20px;padding:20px 18px 22px}.on-grid--overview,.on-grid--bottom{grid-template-columns:minmax(0,1fr)}.on-card{padding:18px 16px 20px}}body{overflow-x:hidden}.on-dashboard{max-width:1120px;margin:24px auto 32px;padding:0 24px 24px}.on-hero{margin-bottom:20px;padding:22px 24px 24px}.on-hero__title{font-size:clamp(30px,3.1vw,36px)}.on-hero__subtitle{margin-bottom:20px;font-size:14px}.on-section{margin-top:18px;margin-bottom:12px}.on-grid--bottom{gap:18px;margin-top:18px}.on-card{padding:18px 20px 20px}.metric__value{font-size:24px}.on-bottom-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}@media (max-width:960px){.on-bottom-grid{grid-template-columns:1fr}}.on-dashboard__bottom{margin-top:24px}.on-dashboard__bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:flex-start;gap:24px;display:grid}@media (max-width:900px){.on-dashboard__bottom-grid{grid-template-columns:1fr}}
