:root{color-scheme:dark;--bg:#040b07;--panel:rgba(7, 14, 10, 0.78);--accent:#2bff88;--accent-soft:rgba(43, 255, 136, 0.25);--text:#d9f7e6;--muted:#6f9f85;--grid:rgba(43, 255, 136, 0.2);--glow:0 0 18px rgba(43, 255, 136, 0.35)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,64px);background:radial-gradient(60% 80%at 10% 10%,rgba(43,255,136,.18),transparent 60%),radial-gradient(40% 60%at 90% 15%,rgba(12,80,40,.35),transparent 65%),linear-gradient(145deg,rgba(14,40,25,.6),transparent 40%),var(--bg);color:var(--text);font-family:"IBM Plex Mono","Share Tech Mono",ui-monospace,monospace;letter-spacing:.02em;overflow-x:hidden}main.frame{width:min(1100px,100%);background:var(--panel);border:1px solid var(--grid);border-radius:18px;padding:clamp(24px,4vw,56px);box-shadow:0 24px 60px rgba(4,11,7,.9),var(--glow);backdrop-filter:blur(10px);position:relative}main.frame::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(43,255,136,.2);border-radius:12px;pointer-events:none}.tag{text-transform:uppercase;letter-spacing:.4em;font-size:.75rem;color:var(--muted)}.title{font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;font-size:clamp(28px,4vw,48px);letter-spacing:.16em;text-transform:lowercase;margin:10px 0 16px;line-height:1.1;white-space:nowrap;--title-max:48;--title-min:16}.lead{color:var(--muted);line-height:1.6;font-size:.95rem}.frame-inner{width:100%;display:grid;gap:12px}.status{margin:10px 0 0;display:grid;gap:8px}.status-row{display:flex;align-items:center;gap:10px}.status-label{min-width:34px;font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;color:var(--muted)}.account-btn,.account-line,.status-chip{align-items:center;text-transform:uppercase}.account-line{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;font-size:.68rem;letter-spacing:.2em;color:var(--muted)}.account-line span{color:var(--text);letter-spacing:.1em}.account-btn,.status-chip{display:inline-flex}.account-btn{justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(43,255,136,.45);letter-spacing:.2em;font-size:.6rem;color:var(--text);background:rgba(8,14,10,.7);text-decoration:none;cursor:pointer}.account-btn:hover{box-shadow:0 0 12px rgba(43,255,136,.35)}.status-chip{gap:8px;font-size:.72rem;letter-spacing:.25em;color:var(--muted)}.status-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 10px rgba(43,255,136,.35)}.account-btn:hover,.status-chip[data-state=online]{color:var(--accent)}.status-chip[data-state=online]::before{background:var(--accent);box-shadow:0 0 10px rgba(43,255,136,.6)}.status-chip[data-state=offline]{color:#ff5c7a}.status-chip[data-state=offline]::before{background:#ff5c7a;box-shadow:0 0 10px rgba(255,92,122,.6)}.address{margin:22px 0;padding:18px;border-radius:12px;border:1px solid rgba(43,255,136,.3);background:rgba(6,14,10,.75);display:grid;gap:8px}.address .label{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;color:var(--muted)}.address .value{font-size:1.1rem;color:var(--accent);overflow-wrap:anywhere}.actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;border:1px solid rgba(43,255,136,.45);text-transform:uppercase;letter-spacing:.28em;font-size:.75rem;color:var(--text);background:rgba(8,14,10,.7);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(130deg,rgba(43,255,136,.3),rgba(43,255,136,.1));box-shadow:0 0 16px rgba(43,255,136,.25)}.btn:hover{transform:translateY(-1px);box-shadow:0 0 16px rgba(43,255,136,.4)}@media (max-width:720px){body{padding:10px;letter-spacing:.01em;display:block}main.frame{padding:12px;border-radius:12px}main.frame::before{inset:4px}.frame-inner{width:100%;gap:10px}.address .label,.tag{letter-spacing:.1em;font-size:.58rem}.title{letter-spacing:.06em;font-size:clamp(18px,6.8vw,26px)}.lead{font-size:.82rem;line-height:1.5}.address{padding:12px;margin:16px 0}.address .label{font-size:.62rem}.address .value{font-size:.95rem}.actions{flex-direction:column;align-items:stretch}.btn{width:100%;letter-spacing:.08em;font-size:.6rem;padding:9px 12px}.status-chip{font-size:.62rem;letter-spacing:.14em}.status-label{font-size:.58rem;letter-spacing:.16em}.account-line{letter-spacing:.12em;font-size:.6rem}.account-btn{letter-spacing:.1em;font-size:.56rem}}@media (max-width:420px){.lead{font-size:.78rem}.btn{font-size:.58rem}}@media (max-width:360px){.title{font-size:clamp(18px,7.5vw,24px)}}