.beta-code-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;transition:all .2s ease}.beta-code-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.beta-code-card.available{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}.beta-code-card.available:hover{border-color:#22c55e;box-shadow:0 4px 16px #22c55e26}.beta-code-card.used{background:#f9fafb;border-color:#e5e7eb}.beta-code-card .code{font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:2px;color:#111827;margin-bottom:8px}.beta-code-card.used .code{color:#9ca3af;text-decoration:line-through}.beta-code-card .status{font-size:12px;font-weight:500}.beta-code-card.available .status{color:#16a34a}.beta-code-card.used .status{color:#9ca3af}.beta-code-card .status-icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.beta-code-card.available .status-icon{background:#22c55e;color:#fff}.beta-code-card.used .status-icon{background:#d1d5db;color:#fff}.beta-code-card .copy-btn{margin-top:8px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;background:#111827;color:#fff;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.beta-code-card .copy-btn:hover{background:#374151}.beta-code-card .copy-btn:active{transform:scale(.95)}