:root { --bg:#141220; --card:#1d1a2b; --line:#2b2740; --text:#e8e3f2; --dim:#a99cc4;
        --mint:#6FD6B8; --lav:#AA7BFF; --peri:#7B9FF2; }
* { box-sizing:border-box; margin:0; }
body { background:var(--bg); color:var(--text); font:16px/1.6 system-ui, sans-serif;
       min-height:100vh; display:flex; justify-content:center; padding:2.5rem 1.25rem; }
main { max-width:36rem; width:100%; }
h1 { font-size:2rem; margin-bottom:.25rem; line-height:1.2;
     background:linear-gradient(90deg, var(--mint), var(--lav));
     -webkit-background-clip:text; background-clip:text; color:transparent; }
.tag { color:var(--dim); margin-bottom:1.75rem; }
.card { background:var(--card); border-radius:12px; padding:1.25rem 1.5rem; margin-bottom:1rem; }
.btn { display:block; text-align:center; color:#141220 !important; font-weight:700;
       background:linear-gradient(90deg, var(--mint), var(--lav));
       font-size:1.15rem; padding:.9rem; border-radius:10px; text-decoration:none; }
.btn:hover { background:linear-gradient(90deg, var(--peri), var(--lav)); }
.meta { text-align:center; color:var(--dim); font-size:.85rem; margin-top:.5rem; }
ol { padding-left:1.25rem; margin-top:1rem; }
li { margin-bottom:.5rem; }
li:last-child { margin-bottom:0; }
code { background:#120f1c; padding:.1rem .4rem; border-radius:5px; color:var(--mint);
       font-size:.9em; word-break:break-word; }
a { color:var(--mint); }
.addr { display:flex; align-items:center; justify-content:space-between; gap:1rem;
        flex-wrap:wrap; }
.addr .lbl { color:var(--dim); font-size:.85rem; }
.addr .val { font-size:1.2rem; color:var(--mint); font-weight:600; word-break:break-all; }
.tile { display:block; text-decoration:none; color:inherit; background:var(--card);
        border:1px solid var(--line); border-radius:12px; padding:1.1rem 1.35rem;
        margin-bottom:.75rem; }
.tile:hover { border-color:var(--lav); }
.tile .name { font-size:1.15rem; font-weight:600; color:var(--text); }
.tile .sub { color:var(--dim); font-size:.9rem; }
.links { display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap;
         color:var(--dim); font-size:.9rem; margin-top:1.75rem; }
.links a { color:var(--lav); }
.mintlogo { width:340px; max-width:90%; height:auto; image-rendering:pixelated;
            display:block; margin-bottom:.5rem; }
.back { display:inline-block; color:var(--dim); text-decoration:none; font-size:.9rem;
        margin-bottom:1.25rem; }
.back:hover { color:var(--lav); }