:root{--primary-gradient:linear-gradient(135deg,var(--brand-600) 0%,var(--earth-600) 100%);--secondary-gradient:linear-gradient(135deg,var(--earth-500) 0%,var(--brand-500) 100%);--accent-gradient:linear-gradient(135deg,var(--success-500) 0%,var(--earth-700) 100%);--bg-primary:linear-gradient(135deg,var(--warm-900) 0%,var(--brand-900) 50%,var(--warm-900) 100%);--bg-secondary:linear-gradient(135deg,var(--warm-800) 0%,var(--earth-800) 100%);--bg-card:var(--surface);--bg-card-dark:var(--surface);--glass-bg:color-mix(in oklab,var(--surface) 10%,transparent);--glass-border:color-mix(in oklab,var(--brand-400) 20%,transparent);--glass-backdrop:blur(16px);--text-primary:var(--fg);--text-secondary:var(--fg-muted);--text-inverse:var(--on-brand);--text-muted:var(--fg-muted);--hover-scale:1.02;--transition-default:all 0.3s cubic-bezier(0.4,0,0.2,1);--radius-xl:var(--radius-lg);--radius-2xl:1.5rem}.dark{--bg-card:var(--surface);--text-primary:var(--fg);--text-secondary:var(--fg-muted);--text-muted:var(--fg-muted)}.bg-brand-primary{background:var(--primary-gradient)}.bg-brand-secondary{background:var(--secondary-gradient)}.bg-brand-accent{background:var(--accent-gradient)}.bg-main{background:var(--bg-primary)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.card-elevated{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-default);border:1px solid var(--muted)}.card-elevated:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);padding:.75rem 2rem;border-radius:var(--radius-md);font-weight:600;transition:var(--transition-default);border:none;cursor:pointer;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--surface);color:var(--fg);border:1px solid var(--muted);padding:.75rem 2rem;border-radius:var(--radius-md);font-weight:600;transition:var(--transition-default);cursor:pointer}.btn-secondary:hover{background:var(--muted);border-color:var(--brand-300)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.animated-bg{position:relative;overflow:hidden}.animated-bg:before{top:-50%;left:-50%;background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 50%);animation:pulse 4s ease-in-out infinite}.animated-bg:after,.animated-bg:before{content:"";position:absolute;width:200%;height:200%}.animated-bg:after{bottom:-50%;right:-50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 50%);animation:pulse 4s ease-in-out infinite reverse}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.status-verified{background:linear-gradient(135deg,#059669,#10b981)}.status-pending,.status-verified{color:white;padding:1rem 2rem;border-radius:var(--radius-xl);text-align:center;font-weight:600;box-shadow:var(--shadow-lg)}.status-pending{background:linear-gradient(135deg,#dc2626,#ef4444)}.trust-card{background:rgba(255,255,255,.95);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:var(--transition-default);border:1px solid rgba(255,255,255,.2)}.trust-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metadata-section{background:var(--muted);border-radius:var(--radius-lg);padding:1.5rem;margin:1.5rem 0;border:1px solid color-mix(in oklab,var(--brand-200) 30%,transparent)}.metadata-card{background:var(--surface);border-radius:var(--radius-md);padding:1rem;transition:var(--transition-default);border:1px solid var(--muted)}.metadata-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm)}.copy-btn{background:var(--primary-gradient);color:white;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-default);font-weight:500}.copy-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.metadata-section{padding:1rem;margin:1rem 0}.metadata-card{padding:1rem}.btn-primary,.btn-secondary{padding:.625rem 1.5rem;font-size:.875rem}}