:root{--o:#ff7800;--g:#ffae00;--line:rgba(255,255,255,.10)}
*{box-sizing:border-box}body{margin:0;background:#050505;color:#f7f7f7;font-family:Inter,Arial,sans-serif}
.wrap{width:min(100% - 24px,480px);margin:20px auto 50px}.card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(#0c0c0c,#080808);overflow:hidden}
.top{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 8px}.brand{display:flex;gap:10px;align-items:center;color:#ff8500;font-size:20px;font-weight:800;text-decoration:none}.brand img{width:31px}.nfc{font:10px 'Space Mono',monospace;color:#ffb000;letter-spacing:1px}
.hero{text-align:center;padding:24px 28px 16px}.avatar{width:120px;height:120px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:800;background:radial-gradient(circle at 40% 20%,rgba(255,184,0,.28),rgba(255,120,0,.07) 40%,#050505 75%);border:1px solid rgba(255,120,0,.6)}
.badge{display:inline-block;margin:20px 0 22px;padding:8px 13px;border:1px solid currentColor;border-radius:999px;font:9px 'Space Mono',monospace;letter-spacing:.5px}
h1{font-size:clamp(30px,7vw,38px);line-height:1.08;margin:0;font-weight:800;letter-spacing:-1px}.title{margin-top:11px;font:11px/1.65 'Space Mono',monospace;letter-spacing:.7px;text-transform:uppercase}.mission{max-width:365px;margin:20px auto 0;font-size:16px;line-height:1.52;font-weight:600}.loc{margin-top:15px;font:10px 'Space Mono',monospace;color:#999;letter-spacing:1.2px;text-transform:uppercase}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px 28px 8px}.btn{min-height:49px;border:1px solid rgba(255,120,0,.8);border-radius:999px;display:flex;align-items:center;justify-content:center;text-decoration:none;background:#090909;color:#ffac00;font-size:12px;font-weight:600}.primary{grid-column:1/-1}.disabled{opacity:.4;pointer-events:none}
.section{margin:18px 28px;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.018)}.label{font:10px 'Space Mono',monospace;letter-spacing:1.6px;color:#ff7900;text-transform:uppercase;margin-bottom:11px}.copy{font-size:14.5px;line-height:1.65;color:#d9d9d9;margin:0}.pills{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pill{padding:11px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.09);font:9.5px 'Space Mono',monospace;color:#e8e8e8;background:#101010}.share{text-align:center}.qr{width:min(100%,285px);border-radius:17px;border:1px solid rgba(255,120,0,.38)}.short{margin-top:13px;font:11px 'Space Mono',monospace;color:#ff7900}.footer{padding:24px;text-align:center;border-top:1px solid rgba(255,255,255,.07)}.footer small{font:9px 'Space Mono',monospace;color:#888;text-transform:uppercase}.footer strong{display:block;color:#ff7900;margin-top:7px}.yours{margin-top:5px;color:#aaa;font-size:12px}
@media(max-width:430px){.wrap{width:calc(100% - 16px);margin-top:8px}.top,.hero{padding-left:20px;padding-right:20px}.actions{padding-left:20px;padding-right:20px}.section{margin-left:20px;margin-right:20px}.pills{grid-template-columns:1fr}}