* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, -apple-system, sans-serif; background: #0b132b; color: #e0e1dd; text-align: center; padding: 20px; }
.container { max-width: 600px; margin: 0 auto; }
.hero-img { width: 140px; height: 140px; border-radius: 50%; margin: 20px 0; }
h1 { color: #48cae4; font-size: 2.3rem; margin-bottom: 5px; }
.tagline { color: #90e0ef; font-size: 1.1rem; margin-bottom: 20px; font-weight: bold; }
.card { background: #1c2541; padding: 20px; border-radius: 16px; margin: 15px 0; border: 1px solid #3a506b; }
.ca-box { background: #0b132b; padding: 12px; border-radius: 8px; font-family: monospace; color: #72efdd; word-break: break-all; margin: 10px 0; border: 1px dashed #72efdd; }
.btn { background: #48cae4; color: #0b132b; border: none; padding: 14px 28px; border-radius: 12px; font-weight: bold; font-size: 1rem; cursor: pointer; width: 100%; text-decoration: none; display: inline-block; }
.btn-buy { background: #10b981; color: #fff; font-size: 1.2rem; margin-bottom: 15px; box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4); }
.btn-x { background: #000000; color: #fff; border: 1px solid #334155; margin-top: 10px; }
.btn-tg { background: #2a9d8f; color: #fff; margin-top: 10px; }
.grid { display: flex; gap: 10px; }
.grid-item { flex: 1; background: #0b132b; padding: 10px; border-radius: 8px; }