body { background: #000; color: #fff; font-family: -apple-system, sans-serif; margin: 0; padding-bottom: 80px; }
.header { background: linear-gradient(180deg, #001f3f 0%, #000 100%); padding: 25px; text-align: center; border-bottom: 2px solid #007aff; box-shadow: 0 0 20px #0044cc; }
.header-bal { font-size: 32px; font-weight: 800; color: #007aff; text-shadow: 0 0 10px #007aff; }
.header-label { font-size: 12px; letter-spacing: 3px; color: #555; }

.card { background: #111; border: 1px solid #222; border-radius: 18px; margin: 15px; padding: 20px; }
.box-badge { background: #007aff; display: inline-block; padding: 5px 15px; border-radius: 10px; font-weight: bold; margin-bottom: 15px; font-size: 14px; }
.box-content ul { padding-left: 15px; color: #ccc; font-size: 14px; line-height: 1.6; }
.mega { border-color: #ff0055; box-shadow: 0 0 15px rgba(255, 0, 85, 0.3); }
.mega .box-badge { background: #ff0055; }

.don-price { font-size: 18px; color: #00ff88; font-weight: bold; margin: 10px 0; }
.investor { border: 2px solid #007aff; background: linear-gradient(45deg, #111, #001a33); }

button { background: #007aff; color: #fff; border: none; width: 100%; padding: 14px; border-radius: 12px; font-weight: bold; transition: 0.3s; }
button:active { transform: scale(0.95); }
.link-btn { background: #1a1a1a; margin-bottom: 8px; text-align: left; }

textarea { width: 100%; background: #222; border: 1px solid #333; color: #fff; border-radius: 12px; padding: 12px; min-height: 80px; margin: 10px 0; }

.nav { position: fixed; bottom: 0; width: 100%; display: flex; background: rgba(0,0,0,0.9); backdrop-filter: blur(10px); border-top: 1px solid #222; padding: 10px 0; }
.nav button { background: none; flex: 1; font-size: 24px; color: #444; }
.nav button.active { color: #007aff; text-shadow: 0 0 10px #007aff; }