:root {
    --cyan: #00f2ff;
    --purple: #7000ff;
    --bg: #05050b;
}

body {
    background: var(--bg); color: #fff; font-family: 'Rajdhani', sans-serif; margin: 0;
    background-image: linear-gradient(rgba(112, 0, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(112, 0, 255, 0.05) 1px, transparent 1px);
    background-size: 30px 30px;
}

.main-logo { width: 220px; filter: drop-shadow(0 0 10px var(--cyan)); margin: 30px 0; }
.app-header { text-align: center; }

/* تصميم خانة الإدخال الفخمة */
.input-group { position: relative; width: 100%; margin: 30px 0; }
.input-group input {
    width: 100%; padding: 15px; background: rgba(0,0,0,0.5); border: 1px solid #333;
    border-radius: 8px; color: var(--cyan); font-size: 20px; font-family: 'Orbitron';
    text-align: center; outline: none; transition: 0.4s;
}
.input-group input:focus { border-color: var(--cyan); box-shadow: 0 0 20px rgba(0, 242, 255, 0.3); }
.input-group label {
    position: absolute; top: -10px; left: 20px; background: var(--bg);
    padding: 0 10px; font-size: 12px; color: var(--cyan); letter-spacing: 2px;
}

/* معالجة الصور لتبدو احترافية */
.reward-card {
    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 20px; padding: 20px; transition: 0.3s; cursor: pointer;
}
.reward-card img { 
    width: 100%; max-width: 90px; filter: drop-shadow(0 5px 15px #000);
    mix-blend-mode: lighten; /* يحاول دمج الخلفيات البيضاء إذا كانت باهتة */
}
.reward-card:hover { border-color: var(--cyan); background: rgba(0, 242, 255, 0.05); }

/* مودال التيرمينال */
.terminal-container {
    background: #0d0d1b; border: 2px solid var(--cyan); padding: 40px;
    border-radius: 20px; position: relative; width: 320px; box-shadow: 0 0 50px rgba(0, 242, 255, 0.2);
}
.scanner-line {
    position: absolute; top: 0; left: 0; width: 100%; height: 2px;
    background: var(--cyan); box-shadow: 0 0 15px var(--cyan); animation: scan 3s infinite;
}
@keyframes scan { 0% { top: 0; } 100% { top: 100%; } }

.btn-main {
    background: transparent; border: 2px solid var(--cyan); color: var(--cyan);
    padding: 15px 40px; border-radius: 50px; font-family: 'Orbitron'; cursor: pointer;
}
.btn-main.disabled { opacity: 0.2; cursor: not-allowed; }