:root{--bg:#07100d;--panel:#0b1914;--panel2:#0f211a;--line:#1c3a2e;--text:#effff7;--muted:#88a79a;--lime:#d7ff5f;--mint:#56f0ad;--danger:#ffbc7a;--font:"Manrope",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(86,240,173,.08),transparent 30%),var(--bg);color:var(--text);font-family:var(--font)}
.topbar{height:76px;padding:0 clamp(18px,4vw,62px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800}.brand b{color:var(--lime)}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--lime);color:#09110d;border-radius:9px}
main{width:min(1220px,calc(100% - 32px));margin:0 auto}.hidden{display:none!important}.connect-view{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:8%;padding:70px 0}.eyebrow{font:500 12px var(--mono);letter-spacing:.12em;color:var(--mint)}.connect-copy h1,.dashboard-head h1{font-size:clamp(46px,6vw,78px);line-height:1;letter-spacing:-.06em;margin:16px 0 22px}.connect-copy p{max-width:670px;color:var(--muted);font-size:18px;line-height:1.7}.connect-button,.service-card button,.history button,.wallet-line button{border:0;border-radius:10px;background:var(--lime);color:#07100d;padding:14px 18px;font:800 14px var(--font);cursor:pointer}.connect-button.compact{padding:10px 14px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#a7c2b6;font-size:13px}.trust-row span:before{content:"✓";color:var(--mint);margin-right:7px}.account-visual{width:min(330px,72vw);aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid #27513f;border-radius:50%;background:radial-gradient(circle,#153326,#09150f 68%);box-shadow:0 0 100px rgba(86,240,173,.12)}.account-visual span{font:500 55px var(--mono);color:var(--lime)}.account-visual small{font:12px var(--mono);letter-spacing:.15em;color:var(--muted)}
.dashboard{padding:55px 0 90px}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.dashboard-head h1{font-size:42px;margin:8px 0 0}.wallet-line{display:flex;align-items:center;gap:12px}.wallet-line>span{font:13px var(--mono);color:#b5cec2}.wallet-line button,.history button{background:transparent;color:var(--mint);border:1px solid var(--line);padding:10px 13px}
.summary-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px}.summary-card{min-height:175px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.summary-card.primary{background:linear-gradient(135deg,#0d241a,#0a1812)}.summary-card>span{font:12px var(--mono);color:var(--muted)}.summary-card strong{display:block;margin:24px 0 10px;font:500 14px var(--mono);color:var(--mint)}.summary-card strong b{font-size:34px;color:var(--text)}.summary-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.section-title{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 2px 20px}.section-title h2,.history h2{font-size:28px;letter-spacing:-.04em;margin:8px 0 0}.section-title p{max-width:470px;color:var(--muted);font-size:13px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:280px;padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:flex;flex-direction:column}.service-top{display:flex;justify-content:space-between;align-items:center}.service-top>strong{font:500 13px var(--mono);color:var(--muted)}.service-top>strong b{font-size:20px;color:var(--mint)}.service-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #286148;border-radius:11px;color:var(--mint)}.service-card h3{font-size:17px;margin:18px 0 5px}.service-card>p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.service-state{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:#9ab5a9;font-size:12px;line-height:1.5}.service-state.pending{color:#688277}.service-card button{margin-top:12px;width:100%}.service-card button:disabled{opacity:.4;cursor:not-allowed}.danger .service-icon{color:var(--danger);border-color:#60452d}
.history{margin-top:14px;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.history-head{display:flex;align-items:center;justify-content:space-between}.history-empty{padding:38px 0 12px;color:var(--muted);font-size:14px}.history-table-wrap{overflow-x:auto;margin-top:22px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:13px 10px;border-top:1px solid var(--line);font-size:13px}th{color:var(--muted);font:500 11px var(--mono);letter-spacing:.08em}td a{color:var(--mint)}
.toast{position:fixed;right:20px;bottom:20px;max-width:min(430px,calc(100% - 40px));padding:13px 16px;border:1px solid #2f5a47;background:#0c1c15;border-radius:10px;box-shadow:0 16px 50px #000;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:none}
.rent-accounts{display:grid;gap:7px;max-height:210px;overflow:auto;margin:15px 0 4px;padding:3px}.rent-account{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:0;padding:9px;border:1px solid var(--line);border-radius:9px;background:#08130f;color:var(--text);font-weight:500}.rent-account input{width:16px;height:16px;accent-color:var(--lime)}.rent-account span{min-width:0;font:11px var(--mono);overflow:hidden;text-overflow:ellipsis}.rent-account strong{font:500 11px var(--mono);color:var(--mint);white-space:nowrap}
@media(max-width:900px){.connect-view{grid-template-columns:1fr}.account-visual{display:none}.summary-grid,.service-grid{grid-template-columns:1fr 1fr}.summary-card.primary{grid-column:1/-1}.section-title{align-items:flex-start;gap:12px;flex-direction:column}}
@media(max-width:620px){.topbar{height:68px;padding:0 14px}.brand{font-size:14px}main{width:min(100% - 24px,1220px)}.connect-view{min-height:calc(100vh - 68px);padding:55px 2px}.connect-copy h1{font-size:45px}.connect-copy p{font-size:16px}.trust-row{display:grid;gap:8px}.dashboard{padding-top:35px}.dashboard-head{align-items:flex-start;gap:18px;flex-direction:column}.dashboard-head h1{font-size:35px}.summary-grid,.service-grid{grid-template-columns:1fr}.summary-card.primary{grid-column:auto}.section-title{padding-top:38px}.history{padding:19px}.history-head{align-items:flex-start;gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}