/* Cyno.gg Redeem - Luxury Modern Styles */
:root {
  --redeem-primary: var(--accent, #8b5cf6);
  --redeem-glass: color-mix(in srgb, var(--glass-bg, rgba(30, 30, 50, 0.6)) 60%, transparent);
  --redeem-border: var(--glass-border, rgba(255, 255, 255, 0.1));
  --redeem-text: var(--text, #e2e8f0);
  --redeem-muted: var(--text-muted, #94a3b8);
}
.redeem-shell { min-height: 100vh; padding-top: 96px; padding-bottom: 60px; background: linear-gradient(135deg, var(--bg-0) 0%, var(--bg-1) 50%, var(--bg-2) 100%); }
.redeem-card { max-width: 600px; margin: 0 auto; padding: 40px 32px; }
.redeem-card h1 { font-size: 2rem; font-weight: 800; text-align: center; background: linear-gradient(135deg, var(--redeem-text), var(--redeem-primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 32px; }
.redeem-form { display: flex; flex-direction: column; gap: 20px; }
.redeem-form .field label { display: block; margin-bottom: 8px; color: var(--redeem-text); font-weight: 500; }
.redeem-form input { width: 100%; padding: 14px 16px; border-radius: var(--radius-md, 12px); border: 1px solid var(--redeem-border); background: var(--redeem-glass); color: var(--redeem-text); font-size: 1rem; transition: border-color 0.3s ease; }
.redeem-form input:focus { outline: none; border-color: var(--redeem-primary); box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2); }
.redeem-form input::placeholder { color: var(--redeem-muted); }
.redeem-success { padding: 20px; border-radius: var(--radius-md, 12px); background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); color: var(--status-success, #10b981); text-align: center; }
.redeem-error { padding: 20px; border-radius: var(--radius-md, 12px); background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); color: var(--status-danger, #ef4444); text-align: center; }
@media (max-width: 768px) { .redeem-shell { padding-top: 80px; } .redeem-card { padding: 24px 16px; } .redeem-card h1 { font-size: 1.5rem; } }