:root { --glow: #00ff88; --bg-black: #020202; --card-dark: #0a0a0a; }
body { background: var(--bg-black); color: #fff; margin: 0; font-family: 'Segoe UI', sans-serif; display: flex; justify-content: center; min-height: 100vh; }
body.rtl { direction: rtl; } 
body.ltr { direction: ltr; }
.landing-page { width: 100%; max-width: 600px; padding: 40px 20px; text-align: center; }
.umayyad-star { width: 85px; height: 85px; filter: drop-shadow(0 0 10px var(--glow)); animation: rotateStar 30s linear infinite; }
@keyframes rotateStar { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#start-btn { width: 100%; padding: 22px; border-radius: 15px; border: none; background: linear-gradient(135deg, var(--glow), #00a35c); color: #000; font-size: 20px; font-weight: 900; cursor: pointer; transition: 0.3s; margin-bottom: 30px; }
.info-card { background: var(--card-dark); border: 1px solid #1a1a1a; border-radius: 15px; padding: 20px; margin-top: 15px; text-align: right; }
body.ltr .info-card { text-align: left; }
.info-card h3 { color: var(--glow); margin-top: 0; font-size: 17px; }
.info-card p { color: #ccc; font-size: 14px; line-height: 1.7; }
.dua-card { background: #050505; border: 1px solid #222; border-radius: 20px; padding: 30px; margin-top: 30px; text-align: center; }
.contribution-card { background: linear-gradient(180deg, #0a0a0a 0%, #050505 100%); border: 1px solid rgba(0, 255, 136, 0.2); border-radius: 20px; padding: 30px; margin-top: 40px; text-align: center; }
.wallet-wrapper { background: #000; padding: 15px; border-radius: 10px; border: 1px solid #222; margin-top: 15px; }
.wallet-address { color: var(--glow); font-size: 11px; font-family: monospace; word-break: break-all; }
.lang-switcher { position: fixed; top: 20px; left: 20px; display: flex; gap: 5px; z-index: 100; }
.lang-switcher button { background: #111; border: 1px solid #333; color: #fff; padding: 5px 12px; border-radius: 8px; cursor: pointer; }
.lang-switcher button.active { border-color: var(--glow); color: var(--glow); }
h1 { font-size: 38px; margin: 0; background: linear-gradient(to bottom, #fff, var(--glow)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; }
header p { color: #666; font-size: 15px; margin-bottom: 35px; }
footer { margin-top: 60px; border-top: 1px solid #111; padding: 20px 0; font-size: 14px; color: #444; text-align: center; }