:root { --ink:#000; --paper:#f0f2ed; --muted:#9da2ad; --line:#2a3039; --blue:#77a6ff; --lime:#d5ff5a; --card:#11161d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--paper); background:var(--ink); font-family:"Roboto Mono", monospace; font-size:13px; line-height:1.6; }
.grain { display:none; }
.wrap { width:min(100% - 48px, 914px); margin-inline:auto; }
.site-header { height:105px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #1a2029; }
.brand { color:var(--paper); text-decoration:none; display:flex; gap:11px; align-items:center; font:600 17px/1 "Roboto Mono",monospace; letter-spacing:-.8px; }
nav { display:flex; gap:10px; } nav a { display:grid; place-items:center; height:33px; width:33px; border:1px solid #293342; color:var(--paper); text-decoration:none; transition:.2s ease; font-size:13px; } nav a:hover { border-color:var(--blue); color:var(--blue); }
.intro { padding:49px 0 67px; max-width:680px; }
.eyebrow,.section-number { margin:0; font-size:10px; letter-spacing:1.6px; color:var(--blue); font-weight:500; }.eyebrow span { display:inline-block; width:7px; height:7px; margin-right:8px; background:#ff3942; border-radius:50%; }
h1,h2,h3 { margin:0; font-family:"Roboto Mono",monospace; font-weight:600; } h1 { margin-top:13px; font-size:29px; line-height:1; letter-spacing:-1.8px; } .lede { margin:19px 0 0; color:#858d9d; max-width:650px; font-size:13px; line-height:1.9; }
.support-grid { display:grid; grid-template-columns:1fr; max-width:480px; padding-bottom:49px; }.support-grid > * { min-width:0; }.section-heading { display:flex; align-items:baseline; gap:10px; margin-bottom:13px; }.section-heading h2 { font-size:15px; text-transform:uppercase; letter-spacing:.3px; }.muted { color:#7d8491; margin:0 0 21px; font-size:11px; }
.wallet-list { display:grid; gap:11px; min-width:0; }.wallet-card { min-width:0; padding:12px; border:1px solid #202833; background:#0c1015; }.wallet-meta { display:flex; align-items:center; gap:8px; margin:0 0 8px; font-size:11px; letter-spacing:1.4px; }.wallet-meta small { color:#707988; letter-spacing:0; margin-left:auto; font-size:10px; }.coin-dot { width:7px; height:7px; border-radius:50%; }.sol { background:#b794ff; }.eth { background:#77a6ff; }.btc { background:#ffb05b; }.xmr { background:#ff6b5f; }
.copy-button { width:100%; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px; cursor:pointer; color:#d8dde5; background:#0a0d12; border:1px solid #29313d; text-align:left; transition:.2s; }.copy-button:hover { border-color:var(--blue); background:#101722; }.copy-button code { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:11px "Roboto Mono",monospace; }.copy-button span { flex:0 0 auto; color:var(--blue); font-size:16px; }
.action-row { display:flex; gap:10px; margin-top:22px; }.button { flex:1; display:flex; justify-content:space-between; align-items:center; border:1px solid #39424f; padding:14px 15px; color:var(--paper); background:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:.7px; font:500 11px "DM Mono",monospace; transition:.2s; }.button:hover { border-color:var(--lime); color:var(--lime); }.button-primary { background:var(--lime); color:#11170a; border-color:var(--lime); }.button-primary:hover { background:transparent; color:var(--lime); }.contact-note { padding:15px; border-left:2px solid #4d5d71; color:#858d99; margin:25px 0 0; font-size:11px; }.contact-note span { color:var(--blue); margin-right:8px; }.contact-note a { color:var(--paper); }
.disclaimer-panel { margin:0 0 16px; padding:16px 18px; border:1px solid #ff3942; background:#150c0d; }.disclaimer-panel span { color:#ff6d72; font-size:10px; font-weight:600; letter-spacing:1.2px; }.disclaimer-panel p { margin:7px 0 0; color:#e5c5c6; font-size:10px; line-height:1.7; }.impact-panel { border-left:2px solid var(--blue); background:#0c1015; padding:22px 24px; }.highlight { color:var(--blue); font-size:11px; line-height:1.6; font-weight:500; margin:0 0 20px; }.benefit { display:flex; gap:14px; margin:18px 0; }.benefit-icon { color:var(--paper); padding-top:2px; }.benefit h3 { font-size:12px; text-transform:uppercase; letter-spacing:0; }.benefit h3 small { color:#7d8490; font:400 9px "Roboto Mono",monospace; text-transform:none; }.benefit p { margin:4px 0 0; color:#7d8490; font-size:10px; line-height:1.6; }.thank-you { margin-top:31px; padding:18px 20px; border:1px solid var(--blue); }.thank-you span { color:var(--blue); font-size:10px; font-weight:500; letter-spacing:1.4px; }.thank-you p { margin:9px 0 0; font-size:11px; }.fine-print { padding:14px; border:1px dashed #303845; color:#727a88; font-size:10px; line-height:1.7; }
footer { display:flex; justify-content:space-between; padding:25px 0 38px; border-top:1px solid var(--line); color:#6e7582; font-size:10px; letter-spacing:.7px; }.toast { position:fixed; z-index:4; left:50%; bottom:25px; transform:translate(-50%,130px); color:#10150d; background:var(--lime); padding:11px 15px; font-size:11px; transition:transform .25s ease; box-shadow:0 8px 25px #0006; }.toast.show { transform:translate(-50%,0); }
@media (max-width:720px) { .wrap { width:min(100% - 32px,1040px); }.site-header { height:80px; }.intro { padding:62px 0 50px; } h1 { letter-spacing:-2.8px; }.support-grid { max-width:none; }.action-row { flex-direction:column; }.button { flex:none; }.lede { font-size:14px; } footer { padding-bottom:24px; } }
